/**
* style.less
* 鐏炲倸褰旈弽宄扮础鐞�
*/
.ff
{
font-family: 'iconfont' !important;
}
.clearfix
{
zoom: 1;
}
.clearfix:after
{
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '';
}
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus,
a:link
{
outline: none !important;
}
.slick-slide
{
outline: none;
}
.slick-slide a
{
outline: none !important;
}
@font-face
{
font-family: 'iconfont';
src: url('../fonts/iconfont.eot?t=1481266234445');
src: url('../fonts/iconfont.eot?t=1481266234445#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff?t=1481266234445') format('woff'), url('../fonts/iconfont.ttf?t=1481266234445') format('truetype'), url('../fonts/iconfont.svg?t=1481266234445#iconfont') format('svg');
}
@-ms-viewport
{
width: auto !important;
}
body
{
font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
font-weight: 500;
color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.fixed
{
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
body.searchactive
{
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
@media (min-width: 1350px)
{
.container
{
width: 1320px;
}
}
@media (min-width: 1470px)
{
.container
{
width: 1440px;
}
}
@media (max-width: 767px)
{
.col-xs-6:nth-child(2n+1)
{
padding-right: 7.5px;
}
.col-xs-6:nth-child(2n)
{
padding-left: 7.5px;
}
}
li,
ol,
ul
{
list-style: none;
}
a
{
color: inherit;
}
a:hover,
a:link,
a:visited
{
text-decoration: none;
color: inherit;
}
input[type=number]
{
-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
margin: 0;
-webkit-appearance: none;
}
ul
{
margin: 0;
padding: 0;
}
button,
input,
textarea
{
resize: none;
border: none;
outline: none;
}
a
{
text-decoration: none;
color: inherit;
}
a:hover
{
text-decoration: none;
color: inherit;
}
a:visited,
a:link
{
text-decoration: none;
color: inherit;
}
.img-box
{
position: relative;
display: block;
overflow: hidden;
height: 0;
padding-bottom: 100%;
}
.img-box img
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.img-box img[src=''],
.img-box img:not([src])
{
opacity: 0;
border: 0;
}
.header
{
position: fixed;
z-index: 10;
top: 0;
width: 100%;
height: 90px;
padding: 0 6%;
-webkit-transition: all .4s;
transition: all .4s;
background-color: #fff;
}
@media (max-width: 1710px)
{
.header
{
padding: 0 30px;
}
}
@media (max-width: 1450px)
{
.header
{
padding: 0 15px;
}
}
@media (max-width: 1199px)
{
.header
{
height: 70px;
}
}
@media (max-width: 767px)
{
.header
{
padding: 0 10px;
}
}
.header .logo
{
position: relative;
float: left;
height: 70px;
margin-top: 10px;
-webkit-transition: all .4s;
transition: all .4s;
}
@media (max-width: 1450px)
{
.header .logo
{
height: 60px;
margin-top: 15px;
}
}
@media (max-width: 1260px)
{
.header .logo
{
height: 50px;
margin-top: 20px;
}
}
@media (max-width: 1199px)
{
.header .logo
{
height: 60px;
margin-top: 5px;
}
}
@media (max-width: 767px)
{
.header .logo
{
height: 40px;
margin-top: 15px;
}
}
@media (max-width: 360px)
{
.header .logo
{
height: 34px;
margin-top: 18px;
}
}
.header .logo a
{
display: block;
height: 100%;
}
.header .logo img
{
display: inline-block;
height: 100%;
}
.header .language
{
display: inline-block;
float: right;
overflow: hidden;
margin-left: 2%;
-webkit-transition: all .4s;
transition: all .4s;
}
@media (max-width: 1570px)
{
.header .language
{
margin-left: 15px;
}
}
@media (max-width: 1199px)
{
.header .language
{
margin-right: 30px;
margin-left: 0;
}
}
.header .language ul li
{
display: inline-block;
text-align: center;
}
.header .language ul li:first-child:after
{
display: inline-block;
content: '.';
vertical-align: middle;
}
.header .language ul li a
{
font-size: 16px;
line-height: 90px;
display: inline-block;
padding: 0 12px;
-webkit-transition: all .2s;
transition: all .2s;
vertical-align: middle;
}
@media (max-width: 1199px)
{
.header .language ul li a
{
line-height: 70px;
}
}
@media (max-width: 767px)
{
.header .language ul li a
{
font-size: 14px;
padding: 0 6px;
}
}
@media (max-width: 400px)
{
.header .language ul li a
{
font-size: 12px;
padding: 0 2px;
}
}
.header .language ul li:hover a,
.header .language ul li.active a
{
color: #004ea2;
}
.header .nav-collapse
{
position: absolute;
z-index: 10;
top: 6px;
right: 10px;
display: none;
float: right;
width: 20px;
height: 40px;
padding: 0;
cursor: pointer;
background: none;
}
@media (max-width: 1199px)
{
.header .nav-collapse
{
display: block;
margin-top: 8px;
}
.header .nav-collapse.nav-collapse-1
{
position: absolute;
z-index: 9999;
top: 10px;
right: 20px;
display: block;
margin-top: 8px;
border: none;
}
.header .nav-collapse.nav-collapse-1 .btn-line
{
background-color: #999 !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.header .nav-collapse.nav-collapse-xs:hover .btn-line
{
background-color: #000;
}
}
.header .nav-collapse .btn-line
{
position: absolute;
left: 50%;
width: 20px;
height: 2px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #999;
}
.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1)
{
position: absolute;
display: block;
width: 20px;
height: 2px;
content: '';
-webkit-transition: all .5s ease;
transition: all .5s ease;
background-color: #999;
}
.header .nav-collapse .btn-line:nth-child(1)
{
top: 35%;
}
.header .nav-collapse .btn-line:nth-child(2)
{
top: 50%;
}
.header .nav-collapse .btn-line:nth-child(3)
{
top: 65%;
}
.header .nav-collapse.active
{
border-color: transparent;
}
.header .nav-collapse.active .btn-line
{
background-color: #fff;
}
.header .nav-collapse.active .btn-line:nth-child(2)
{
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
}
.header .nav-collapse.active .btn-line:nth-child(1)
{
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) rotateZ(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotateZ(45deg);
}
.header .nav-collapse.active .btn-line:nth-child(3)
{
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) rotateZ(-45deg);
-ms-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotateZ(-45deg);
}
@media (min-width: 1200px)
{
.header .nav
{
display: inline-block;
float: right;
}
}
@media (max-width: 1199px)
{
.header .nav
{
position: fixed;
z-index: 9998;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
padding: 0 26px;
-webkit-transition: left .3s;
transition: left .3s;
text-align: left;
text-align: center;
background: #fafafa;
background-color: #000;
}
.header .nav .tbl
{
display: table;
width: 100%;
height: 100%;
}
.header .nav .tbl-cell
{
display: table-cell;
height: 100%;
vertical-align: middle;
}
}
@media (max-width: 767px)
{
.header .nav
{
width: 100%;
padding: 30px;
}
}
.header .nav.left-100
{
left: -100%;
}
.header .nav.left-200
{
left: -200%;
}
@media (min-width: 1200px)
{
.header .nav .nav-list1 > li
{
float: left;
}
.header .nav .nav-list1 > li > a
{
font-size: 16px;
line-height: 90px;
position: relative;
display: block;
overflow: hidden;
padding: 0 25px;
-webkit-transition: all .4s;
transition: all .4s;
}
.header .nav .nav-list1 > li:hover > a,
.header .nav .nav-list1 > li.active > a
{
color: #004ea2;
}
.header .nav .nav-list1 .nav-list2
{
position: absolute;
z-index: 50;
top: 100%;
display: none;
min-width: 120px;
padding: 20px 0;
text-align: center;
background-color: rgba(255, 255, 255, .9);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
.header .nav .nav-list1 .nav-list2 li
{
position: relative;
list-style: none;
}
.header .nav .nav-list1 .nav-list2 li > a
{
font-size: 14px;
line-height: 30px;
position: relative;
z-index: 1;
display: block;
padding: 5px 20px;
-webkit-transition: -webkit-transform .6s ease;
transition: -webkit-transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease;
}
.header .nav .nav-list1 .nav-list2 li > a:hover
{
text-decoration: underline;
color: #004ea2;
}
.header .nav .nav-list1 .nav-list2 li img
{
max-width: 400px;
}
.header .nav .nav-list1 .nav-list3
{
position: absolute;
top: -20px;
left: 100%;
display: none;
min-width: 280px;
padding: 20px 0;
text-align: left;
background-color: rgba(255, 255, 255, .8);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
.header .nav .nav-list1 .nav-list3 li > a
{
line-height: 30px;
padding: 0 20px;
}
}
@media (min-width: 1200px) and (max-width: 1570px)
{
.header .nav .nav-list1 > li > a
{
padding: 0 20px;
}
}
@media (min-width: 1200px) and (max-width: 1450px)
{
.header .nav .nav-list1 > li > a
{
font-size: 15px;
padding: 0 14px;
}
}
@media (max-width: 1199px)
{
.header .nav .nav-list1
{
margin: 20px 0;
opacity: 0;
}
.header .nav .nav-list1 > li
{
-webkit-transform: translateX(-25px);
-ms-transform: translateX(-25px);
transform: translateX(-25px);
opacity: 0;
}
.header .nav .nav-list1 > a
{
font-size: 20px;
color: #fff;
}
}
@media (max-width: 1199px)
{
.header .nav .nav-list2,
.header .nav .nav-list3
{
display: none;
}
.header .nav .nav-list2 a,
.header .nav .nav-list3 a
{
font-size: 16px;
line-height: 2;
margin-top: 5px;
color: #fff;
}
}
.header .nav .nav-list2 a,
.header .nav .nav-list3 a
{
display: block;
}
@media (max-height: 580px)
{
.header .nav .nav-list2 a,
.header .nav .nav-list3 a
{
margin-top: 0;
}
}
.header .nav-2,
.header .nav-3
{
display: none;
}
@media (max-width: 1199px)
{
.header .nav-2,
.header .nav-3
{
position: absolute;
z-index: 9999;
top: 0;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
padding: 20px;
-webkit-transition: left .3s;
transition: left .3s;
text-align: left;
text-align: center;
color: #fff;
background: #fafafa;
background-color: #000;
}
}
.header .nav-2 .nav-top .back-btn:before,
.header .nav-3 .nav-top .back-btn:before
{
font-family: 'iconfont';
font-size: 26px;
content: '\e9b5';
}
.header .nav-2 .nav-top .nav-title,
.header .nav-3 .nav-top .nav-title
{
font-size: 24px;
margin: 0;
text-transform: uppercase;
}
@media (max-width: 767px)
{
.header .nav-2 .nav-top .nav-title,
.header .nav-3 .nav-top .nav-title
{
font-size: 20px;
width: 100%;
}
}
.header .nav-2 .nav-top .nav-collapse-2 .btn-line,
.header .nav-3 .nav-top .nav-collapse-2 .btn-line
{
background-color: #fff;
}
.header .nav-2 .content,
.header .nav-3 .content
{
overflow: auto;
height: 80%;
margin-top: 12%;
}
@media (max-width: 767px)
{
.header .nav-2 .content ul,
.header .nav-3 .content ul
{
padding: 0 15px;
}
}
.header .nav-2 .content ul li,
.header .nav-3 .content ul li
{
font-size: 18px;
line-height: 50px;
margin: 25px 0;
text-align: left;
}
@media (max-width: 767px)
{
.header .nav-2 .content ul li,
.header .nav-3 .content ul li
{
margin: 0;
}
}
.header .nav-2 .content ul li.more,
.header .nav-3 .content ul li.more
{
position: relative;
}
.header .nav-2 .content ul li.more:after,
.header .nav-3 .content ul li.more:after
{
font-family: 'iconfont' !important;
font-size: 16px;
position: absolute;
top: 50%;
right: 0;
content: '\e72f';
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
}
.header .nav-2 .content ul li a,
.header .nav-3 .content ul li a
{
display: block;
}
.header .nav-2
{
left: 100%;
}
.header .nav-3
{
left: 200%;
}
.header .nav-3 .content ul li
{
font-size: 18px;
}
.header .fade-out ul
{
text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1199px)
{
.header .fade-out ul
{
padding: 0 5%;
}
}
@media (max-width: 1199px)
{
.header .fade-out ul .pic
{
display: none !important;
}
}
@media (max-width: 1199px)
{
.header .fade-out ul.nav-list1
{
opacity: 1;
}
.header .fade-out ul.nav-list1 a
{
color: #fff;
}
.header .fade-out ul.nav-list1 > li
{
position: relative;
margin: 20px 0;
}
.header .fade-out ul.nav-list1 > li.act
{
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.header .fade-out ul.nav-list1 > li.more:after
{
font-family: 'iconfont';
font-size: 18px;
position: absolute;
top: 50%;
right: 0;
margin-top: -14px;
content: '\e72f';
color: #fff;
}
.header .fade-out ul.nav-list1 > li > a
{
font-size: 20px;
line-height: 2.5;
display: block;
text-transform: uppercase;
}
.header .fade-out ul.nav-list1 .nav-list2 > li > a
{
font-size: 20px;
}
}
@media (max-width: 1199px) and (max-width: 767px)
{
.header .fade-out ul.nav-list1 > li
{
margin: 0;
}
}
@media (max-width: 1199px) and (max-height: 768px)
{
.header .fade-out ul.nav-list1 .nav-list2 > li > a
{
font-size: 18px;
}
}
@media (max-width: 1199px) and (max-width: 480px)
{
.header .fade-out ul.nav-list1 .nav-list2 > li > a
{
font-size: 14px;
}
}
.header .fade-out ul.nav2-list2 h4
{
font-size: 20px;
line-height: 50px;
}
.header .xs-language
{
position: absolute;
z-index: 9;
bottom: 30px;
left: 35px;
}
@media (min-width: 1200px)
{
.header .xs-language
{
display: none;
}
}
.header .xs-language a
{
font-size: 16px;
color: #fff;
}
.header .xs-language span
{
margin: 0 5px;
color: #fff;
}
.header .search-box
{
position: fixed;
z-index: 888;
top: 100%;
left: 0;
display: none;
overflow: hidden;
width: 100%;
height: 100%;
margin-top: 20px;
margin-top: 0;
margin-right: 10px;
padding: 0 3%;
background-color: rgba(0, 78, 162, .96);
}
.header .search-box .search
{
line-height: 40px;
overflow: hidden;
zoom: 1;
width: 240px;
border: 1px solid #dbdbdb;
border-radius: 40px;
}
.header .search-box .search:after
{
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '';
}
.header .search-box .input-text
{
float: left;
height: 38px;
padding-left: 10%;
background: none;
}
@media (min-width: 768px)
{
.header .search-box .input-text
{
width: 100%;
padding: 0 50px 0 3%;
}
}
.header .search-box .input-submit
{
line-height: 36px;
float: right;
width: 50px;
-webkit-animation: fadeInLeft 1s 0s ease both;
animation: fadeInLeft 1s 0s ease both;
background: none;
}
.header .search-box .input-submit:before
{
font-family: 'iconfont' !important;
font-size: 22px;
content: '\e626';
color: #fff;
}
@media (min-width: 768px)
{
.header .search-box .input-submit
{
position: absolute;
right: 0;
bottom: 20px;
}
}
.header .search-box.search-xs
{
width: 100%;
margin: 0;
border-right: 30px solid transparent;
border-left: 30px solid transparent;
background: none;
}
@media (min-width: 1200px)
{
.header .search-box.search-xs
{
display: none;
}
}
@media (max-width: 1199px)
{
.header .search-box.search-xs
{
position: absolute;
z-index: 0;
top: auto;
right: 0;
bottom: 0;
bottom: 30px;
display: inline-block;
height: 34px;
}
}
.header .search-box.search-xs.show
{
z-index: 66;
}
.header .search-box.search-xs.show .search
{
left: 0;
}
.header .search-box.search-xs .search
{
position: absolute;
z-index: 888;
top: 0;
left: 120%;
width: 100%;
-webkit-transition: left .3s;
transition: left .3s;
border-color: #fff;
background: #fff;
}
@media (max-width: 360px)
{
.header .search-box.search-xs form .input-text
{
width: 74%;
}
}
@media (max-width: 767px)
{
.header .search-box.search-xs form .input-text
{
padding-left: 5%;
}
}
.header .search-box.search-xs .input-submit
{
line-height: 34px;
background: #fff;
}
.header .search-box.search-xs .input-submit:before
{
color: #104384;
}
.header .search-icon
{
position: absolute;
z-index: 10;
top: 18px;
left: 15px;
display: inline-block;
cursor: pointer;
}
.header .search-icon:before
{
font-family: 'iconfont' !important;
font-size: 18px;
content: '\e660';
color: #004ea2;
}
.header .search-lg
{
top: 0;
}
.header .search-lg .logo
{
margin-top: 20px;
margin-left: 0;
}
.header .search-lg .search
{
position: absolute;
top: 50%;
right: 0;
left: 0;
width: 100%;
max-width: 90%;
margin: auto;
padding: 0 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, .8);
border-radius: 0;
}
.header .search-lg .search p
{
margin-bottom: 50px;
-webkit-animation: zoomIn 1s 0s ease both;
animation: zoomIn 1s 0s ease both;
text-align: center;
letter-spacing: 2px;
color: #fff;
}
.header .search-lg .input-text
{
font-size: 20px;
line-height: 30px;
width: 80%;
height: 60px;
padding: 0;
padding-bottom: 30px;
-webkit-animation: zoomIn 1s 0s ease both;
animation: zoomIn 1s 0s ease both;
text-align: center;
color: #fff;
}
.header .search-lg .close-btn
{
position: fixed;
top: 34px;
right: 18%;
cursor: pointer;
}
@media (max-width: 1440px)
{
.header .search-lg .close-btn
{
right: 8%;
}
}
.header .search-lg .close-btn:before
{
font-size: 20px;
content: '\2716';
color: #fff;
}
.header .find
{
display: none;
float: right;
margin-top: 18px;
cursor: pointer;
-webkit-transition: all .4s;
transition: all .4s;
text-align: center;
}
@media (max-width: 1199px)
{
.header .find
{
display: block;
margin-right: 10px;
}
}
.header .find:before
{
font-family: 'iconfont';
font-size: 16px;
line-height: 32px;
display: block;
width: 34px;
height: 34px;
content: '\e626';
color: #999;
border: 1px solid #ccc;
border-radius: 50%;
}
@media (max-width: 1199px)
{
.header .right
{
display: inline-block;
float: right;
margin-right: 0;
}
}
.header .back-btn
{
position: absolute;
left: 15px;
}
.header.fixed-header
{
height: 70px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.header.fixed-header .logo
{
height: 60px;
margin-top: 5px;
}
@media (max-width: 1450px)
{
.header.fixed-header .logo
{
height: 50px;
margin-top: 10px;
}
}
@media (max-width: 1260px)
{
.header.fixed-header .logo
{
height: 40px;
margin-top: 15px;
}
}
@media (max-width: 1199px)
{
.header.fixed-header .logo
{
height: 60px;
margin-top: 5px;
}
}
@media (max-width: 767px)
{
.header.fixed-header .logo
{
height: 40px;
margin-top: 15px;
}
}
@media (max-width: 360px)
{
.header.fixed-header .logo
{
height: 34px;
margin-top: 18px;
}
}
.header.fixed-header .nav .nav-list1 > li > a
{
line-height: 70px;
}
.header.fixed-header .language ul li a
{
line-height: 70px;
}
.online-wrap .btn
{
line-height: 36px;
position: fixed;
z-index: 9;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
padding: 0;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
text-align: center;
border-radius: 0;
background-color: rgba(0, 0, 0, .7);
}
@media (min-width: 992px)
{
.online-wrap .btn
{
display: none;
}
}
.online-wrap .btn:before
{
font-family: 'iconfont' !important;
font-size: 18px;
display: inline-block;
content: '\e6d2';
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
color: #fff;
}
.online-wrap .btn.active:before
{
-webkit-transform: rotateZ(225deg);
-ms-transform: rotate(225deg);
transform: rotateZ(225deg);
}
.online-wrap .code-pic
{
position: fixed;
z-index: 101;
right: 45px;
bottom: 180px;
display: none;
max-width: 120px;
}
.online-wrap .code-pic .pic-box
{
padding: 5px;
background-color: #fff;
}
.online-wrap .code-pic img
{
display: block;
max-width: 100%;
}
.online-wrap .online
{
position: fixed;
z-index: 8;
right: 0;
bottom: 23%;
-webkit-transition: right .3s;
transition: right .3s;
}
@media (max-width: 991px)
{
.online-wrap .online
{
right: 0px;
bottom: 0px;
}
.online-wrap .online.active
{
right: 0;
}
}
.online-wrap .online a
{
font-size: 14px;
line-height: 20px;
position: relative;
display: block;
width: 48px;
height: 48px;
margin: 2px 0;
padding-top: 5px;
-webkit-transition: all .4s;
transition: all .4s;
text-align: center;
color: #fff;
border-radius: 5px;
background-color: rgba(0, 78, 162, .7);
}
.online-wrap .online a:before
{
font-size: 22px;
display: block;
color: #fff;
}
@media (min-width: 992px)
{
.online-wrap .online a:hover
{
background-color: #004ea2;
}
}
@media (max-width: 767px)
{
.online-wrap .online a
{
line-height: 40px;
width: 40px;
height: 40px;
}
.online-wrap .online a:before
{
font-size: 20px;
}
}
@media (min-width: 992px)
{
.online-wrap .online .icon-phone:hover .phone-num
{
right: 100%;
}
}
.online-wrap .online .icon-phone .phone-num
{
position: absolute;
z-index: -1;
top: 0;
right: -300px;
padding-right: 5px;
-webkit-transition: right .3s;
transition: right .3s;
white-space: nowrap;
}
.online-wrap .online .icon-phone .phone-num p
{
margin: 0;
padding: 0 10px;
color: #fff;
background-color: #063c75;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
}
.online-wrap .online .code:before
{
font-size: 24px;
}
@media (max-width: 767px)
{
.online-wrap .online .code:before
{
font-size: 22px;
}
}
.online-wrap .online .code .mask
{
position: absolute;
z-index: 10;
top: 0;
right: 100%;
display: none;
width: 130px;
height: 130px;
padding-right: 5px;
}
.online-wrap .online .code .mask .mask-box
{
border: 1px solid #e5e5e5;
background-color: #fff;
}
.online-wrap .online .code .mask img
{
display: block;
width: 100%;
}
.online-wrap .online .code .mask p
{
font-size: 13px;
line-height: 16px;
margin: 5px 0 8px 0;
color: #888;
}
.online-wrap .icon-qq:before
{
font-family: 'iconfont' !important;
content: '\e62d';
}
.online-wrap .icon-weixin:before
{
font-family: 'iconfont' !important;
content: '\e604';
}
.online-wrap .icon-message:before
{
font-family: 'iconfont' !important;
content: '\e6a4';
}
.online-wrap .icon-skype:before
{
font-family: 'iconfont' !important;
content: '\e6b7';
}
.online-wrap .icon-whatsapp:before
{
font-family: 'iconfont' !important;
content: '\e751';
}
.online-wrap .icon-phone:before
{
font-family: 'iconfont' !important;
content: '\e61c';
}
.online-wrap .icon-arrow-top:before
{
font-family: 'iconfont' !important;
content: '\e614';
}
.banner
{
font-size: 0;
position: relative;
overflow: hidden;
width: 100%;
margin-top: 90px;
}
@media (max-width: 1199px)
{
.banner
{
margin-top: 70px;
}
}
@media (max-width: 1199px)
{
.banner .slickbanner
{
width: 120%;
max-width: 120%;
margin-left: -10%;
}
}
/* @media (max-width: 991px)
{
.banner .slickbanner
{
width: 130%;
max-width: 130%;
margin-left: -15%;
}
} */
.banner .item
{
display: block;
}
.banner .slick-arrow
{
position: absolute;
z-index: 9;
top: 50%;
left: 5%;
padding: 0;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: none;
}
@media (max-width: 1199px)
{
.banner .slick-arrow
{
left: 45%;
top: auto;
bottom: 0px;
}
}
.banner .slick-arrow:before
{
font-family: 'iconfont' !important;
font-size: 16px;
line-height: 86px;
display: block;
width: 35px;
height: 86px;
content: '\e601';
-webkit-transition: all .4s;
transition: all .4s;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, .51);
}
@media (max-width: 1199px)
{
.banner .slick-arrow:before
{
font-size: 16px;
line-height: 30px;
width: 20px;
height: 30px;
}
}
.banner .slick-arrow.slick-next
{
right: 5%;
left: auto;
}
@media (max-width: 1199px)
{
.banner .slick-arrow.slick-next
{
right: 45%;
}
}
.banner .slick-arrow.slick-next:before
{
content: '\e827';
}
.banner .slick-arrow:hover:before
{
background: #004ea2;
}
.banner img
{
display: block;
width: 100%;
}
.banner-in
{
border-bottom: 1px solid #d9d9d9;
}
.banner-in .text-in
{
position: absolute;
bottom: 30px;
width: 100%;
}
@media (max-width: 1199px)
{
.banner-in .text-in
{
bottom: 10px;
}
}
.banner-in .location
{
text-align: right;
}
.banner-in .location ul:before
{
font-family: 'iconfont' !important;
font-size: 14px;
display: inline-block;
margin-right: 10px;
content: '\e633';
vertical-align: middle;
color: #fff;
}
.banner-in .location ul li
{
display: inline-block;
vertical-align: middle;
}
.banner-in .location ul li:after
{
font-size: 14px;
display: inline-block;
margin: 0 6px;
content: '>';
vertical-align: middle;
color: #fff;
}
.banner-in .location ul li:last-child:after
{
display: none;
}
.banner-in .location ul li a
{
font-size: 14px;
line-height: 24px;
display: inline-block;
vertical-align: middle;
color: #fff;
}
.banner-in .location ul li a:hover
{
text-decoration: underline;
}
.box
{
overflow: hidden;
padding: 90px 0;
}
@media (max-width: 991px)
{
.box
{
padding: 60px 0;
}
}
.title
{
text-align: center;
}
.title b
{
font-size: 36px;
line-height: 1;
display: block;
text-transform: uppercase;
color: #004ea2;
}
@media (max-width: 991px)
{
.title b
{
font-size: 24px;
}
}
.title p
{
font-size: 16px;
line-height: 1.75;
max-width: 1230px;
margin: 0 auto;
margin-top: 20px;
}
@media (max-width: 991px)
{
.title p
{
font-size: 14px;
margin-top: 10px;
}
}
.box-about
{
/*background: url(../images/about_bg.jpg) no-repeat center fixed;*/
background-size: cover;
}
@media (max-width: 1199px)
{
.box-about
{
background: url(../images/about_bg.jpg) no-repeat center;
background-size: cover;
}
}
.box-about .title-about
{
position: relative;
}
.box-about .title-about img
{
max-width: 100%;
}
@media (max-width: 991px)
{
.box-about .title-about img
{
display: none;
}
}
.box-about .title-about .tt
{
position: absolute;
top: 50%;
left: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 991px)
{
.box-about .title-about .tt
{
position: relative;
top: 0;
left: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.box-about .title-about b
{
font-size: 36px;
line-height: 1.11111111;
display: block;
color: #004ea2;
}
@media (max-width: 991px)
{
.box-about .title-about b
{
font-size: 24px;
}
}
.box-about .title-about p
{
font-size: 16px;
line-height: 1.875;
margin: 14px 0 0 0;
color: #666;
}
.box-about .about
{
padding-left: 60px;
}
@media (max-width: 991px)
{
.box-about .about
{
padding-left: 30px;
}
}
@media (max-width: 767px)
{
.box-about .about
{
margin-top: 30px;
padding-left: 0;
}
}
.box-about .about .text p
{
font-size: 16px;
line-height: 2.125;
margin: 0;
}
@media (max-width: 991px)
{
.box-about .about .text p
{
font-size: 14px;
}
}
.box-about .about .more
{
margin-top: 70px;
}
@media (max-width: 991px)
{
.box-about .about .more
{
margin-top: 40px;
}
}
.box-about .about .more a
{
font-size: 16px;
line-height: 45px;
display: inline-block;
height: 45px;
padding: 0 40px;
color: #fff;
background-color: #004ea2;
}
@media (max-width: 991px)
{
.box-about .about .more a
{
font-size: 15px;
}
}
.box-about .about .more a:after
{
font-family: 'iconfont' !important;
margin-left: 10px;
content: '\e649';
}
.box-product .product
{
margin-top: 40px;
}
.box-product .product ul
{
font-size: 0;
}
.box-product .product ul li
{
display: inline-block;
width: 33.33333333%;
padding: 1px;
vertical-align: top;
}
@media (max-width: 991px)
{
.box-product .product ul li
{
width: 50%;
}
}
@media (max-width: 767px)
{
.box-product .product ul li
{
width: 100%;
}
}
.box-product .product .item
{
position: relative;
display: block;
overflow: hidden;
padding: 0 10px 10px 10px;
-webkit-transition: all .6s;
transition: all .6s;
background-color: #f6f6f6;
}
.box-product .product .item .title-product
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
-webkit-transition: all .6s;
transition: all .6s;
text-align: center;
background-color: #f6f6f6;
}
.box-product .product .item .title-product b
{
font-size: 26px;
line-height: 90px;
display: block;
display: -webkit-box;
overflow: hidden;
height: 90px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
.box-product .product .item .title-product b
{
font-size: 18px;
line-height: 50px;
height: 50px;
}
}
.box-product .product .item .pic
{
overflow: hidden;
border: 1px solid #e5e5e5;
}
.box-product .product .item .pic .img-box
{
padding-bottom: 74.19354839%;
-webkit-transition: all .6s;
transition: all .6s;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}
@media (max-width: 991px)
{
.box-product .product .item .pic .img-box
{
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.box-product .product .item .maskbg
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .6s;
transition: all .6s;
opacity: 0;
background-color: rgba(0, 78, 162, .95);
}
.box-product .product .item .maskbg .mask
{
position: absolute;
top: 50%;
width: 100%;
padding: 0 8%;
-webkit-transition: all .6s;
transition: all .6s;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
text-align: center;
}
.box-product .product .item .maskbg .mask b
{
font-size: 26px;
line-height: 30px;
display: block;
display: -webkit-box;
overflow: hidden;
height: 30px;
color: #fff;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.box-product .product .item .maskbg .mask p
{
font-size: 16px;
line-height: 30px;
display: -webkit-box;
overflow: hidden;
height: 120px;
margin: 30px 0;
color: #fff;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.box-product .product .item .maskbg .mask span.more
{
font-size: 24px;
line-height: 50px;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
color: #004ea2;
border-radius: 50%;
background-color: #fff;
}
.box-product .product .item .maskbg .mask span.more:after
{
font-family: 'iconfont' !important;
content: '\e649';
}
@media (min-width: 1200px)
{
.box-product .product .item:hover
{
background-color: #004ea2;
}
.box-product .product .item:hover .title-product
{
-webkit-transform: translateY(-90px);
-ms-transform: translateY(-90px);
transform: translateY(-90px);
}
.box-product .product .item:hover .pic .img-box
{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.box-product .product .item:hover .maskbg
{
opacity: 1;
}
.box-product .product .item:hover .maskbg .mask
{
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.box-industrial
{
padding-top: 0;
}
.box-industrial .itembox
{
position: relative;
display: block;
margin-top: 60px;
-webkit-transition: all .5s;
transition: all .5s;
text-align: center;
}
.box-industrial .itembox .item .pic,
.box-industrial .itembox .itemhover .pic
{
border: 2px solid #c9c9c9;
}
.box-industrial .itembox .item .pic .img-box,
.box-industrial .itembox .itemhover .pic .img-box
{
padding-bottom: 74.19354839%;
}
.box-industrial .itembox .item .note,
.box-industrial .itembox .itemhover .note
{
padding: 22px 10px;
}
.box-industrial .itembox .item .note b,
.box-industrial .itembox .itemhover .note b
{
font-size: 24px;
line-height: 30px;
display: block;
display: -webkit-box;
overflow: hidden;
height: 30px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
.box-industrial .itembox .item .note b,
.box-industrial .itembox .itemhover .note b
{
font-size: 18px;
}
}
.box-industrial .itembox .item .note p,
.box-industrial .itembox .itemhover .note p
{
font-size: 16px;
line-height: 22px;
display: -webkit-box;
overflow: hidden;
height: 44px;
margin: 12px 0 0 0;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 991px)
{
.box-industrial .itembox .item .note p,
.box-industrial .itembox .itemhover .note p
{
font-size: 14px;
}
}
.box-industrial .itembox .item .icon-industrial,
.box-industrial .itembox .itemhover .icon-industrial
{
position: relative;
}
.box-industrial .itembox .item .icon-industrial:before,
.box-industrial .itembox .itemhover .icon-industrial:before
{
font-family: 'iconfont' !important;
font-size: 26px;
line-height: 52px;
position: relative;
z-index: 2;
display: block;
width: 52px;
height: 52px;
margin: 0 auto;
content: '\e6ad';
color: #999;
border: 2px solid #c9c9c9;
border-radius: 50%;
background-color: #fff;
}
.box-industrial .itembox .itemhover .icon-industrial:before{
border-color: #004ea2 ;
}
.box-industrial .itembox .item .icon-industrial:after,
.box-industrial .itembox .itemhover .icon-industrial:after
{
position: absolute;
top: -webkit-calc(50% - 1px);
top: calc(50% - 1px);
left: 0;
display: block;
width: 100%;
height: 2px;
content: '';
background-color: #c9c9c9;
}
.box-industrial .itembox .item
{
-webkit-transition: all .5s;
transition: all .5s;
}
.box-industrial .itembox .itemhover
{
position: absolute;
z-index: 2;
top: 0;
width: 100%;
padding: 30px;
-webkit-transition: all .5s;
transition: all .5s;
opacity: 0;
background-color: #fff;
}
.box-industrial .itembox .itemhover .pic
{
border: none;
}
.box-industrial .itembox .itemhover .icon-industrial:before
{
font-size: 20px;
content: '\e649';
color: #fff;
background-color: #004ea2;
}
.box-industrial .itembox .itemhover .icon-industrial:after
{
background-color: #004ea2;
}
.box-industrial .itembox-znzz .item .icon-industrial:before
{
content: '\e6e2';
}
.box-industrial .itembox-znkzq .item .icon-industrial:before
{
content: '\e654';
}
@media (min-width: 1200px)
{
.box-industrial .itembox:hover
{
z-index: 2;
-webkit-transform: scale(1.11);
-ms-transform: scale(1.11);
transform: scale(1.11);
}
.box-industrial .itembox:hover .item
{
opacity: 0;
}
.box-industrial .itembox:hover .itemhover
{
opacity: 1;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
}
.box-partner
{
background: url(../images/partner_bg.jpg) no-repeat center;
background-size: cover;
}
.box-partner .slick-partner
{
position: relative;
margin: 0 -10px;
margin-top: 20px;
padding-bottom: 120px;
}
.box-partner .slick-partner .slick-slide
{
padding: 0 10px;
}
.box-partner .slick-partner .item
{
overflow: hidden;
margin-top: 20px;
border-radius: 6px;
}
.box-partner .slick-partner .item .img-box
{
padding-bottom: 50%;
}
.box-partner .slick-partner .slick-arrow
{
position: absolute;
bottom: 0;
left: 50%;
padding: 0;
cursor: pointer;
-webkit-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
background: none;
}
.box-partner .slick-partner .slick-arrow:before
{
font-family: 'iconfont' !important;
font-size: 14px;
line-height: 40px;
display: block;
width: 42px;
height: 42px;
content: '\e601';
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
background-color: #626262;
}
.box-partner .slick-partner .slick-arrow.slick-next
{
right: 50%;
left: auto;
-webkit-transform: translateX(120%);
-ms-transform: translateX(120%);
transform: translateX(120%);
}
.box-partner .slick-partner .slick-arrow.slick-next:before
{
content: '\e827';
}
.box-partner .slick-partner .slick-arrow:hover:before
{
border-color: #004ea2;
background-color: #004ea2;
}
.footer
{
font-size: 0;
position: relative;
background-color: #01438b;
}
.footer .foot
{
position: relative;
z-index: 2;
padding: 90px 0 70px;
}
@media (max-width: 1199px)
{
.footer .foot
{
padding: 0 0 30px 0;
}
}
.footer .foot > ul
{
padding: 0;
text-align: justify;
text-justify: distribute-all-lines;
}
.footer .foot > ul:after
{
display: inline-block;
overflow: hidden;
width: 100%;
height: 0;
margin: 0;
content: '';
}
@media (max-width: 1199px)
{
.footer .foot > ul:after
{
display: none;
}
}
@media (max-width: 1199px)
{
.footer .foot > ul
{
display: block;
overflow: hidden;
margin: 0 -15px;
}
}
@media (min-width: 1200px)
{
.footer .foot > ul > li
{
display: inline-block;
vertical-align: top;
word-break: break-all;
}
}
@media (max-width: 1199px)
{
.footer .foot > ul > li
{
display: inline-block;
width: 25%;
margin-right: -4px;
padding: 0 15px;
vertical-align: top;
}
}
@media (max-width: 991px)
{
.footer .foot > ul > li
{
width: 100%;
}
}
.footer .foot > ul > li h3
{
font-size: 20px;
line-height: 30px;
margin: 0;
color: #fff;
}
@media (max-width: 991px)
{
.footer .foot > ul > li h3
{
font-size: 18px;
}
.footer .foot > ul > li h3:after
{
font-family: 'iconfont' !important;
font-size: 14px;
float: right;
content: '\e628';
}
}
.footer .foot > ul > li .item
{
text-align: left;
}
@media (max-width: 1199px)
{
.footer .foot > ul > li .item
{
margin-top: 30px;
}
}
.footer .foot > ul > li .item-1 a
{
font-size: 14px;
line-height: 30px;
position: relative;
display: block;
padding-left: 14px;
-webkit-transition: all .2s;
transition: all .2s;
color: rgba(255, 255, 255, .65);
}
.footer .foot > ul > li .item-1 a:before
{
position: absolute;
top: 12px;
left: 0;
display: block;
width: 0;
height: 0;
content: '';
border-width: 4px 0 4px 4px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}
.footer .foot > ul > li .item-1 a span
{
display: block;
}
.footer .foot > ul > li .item-1 a:hover
{
color: #fff;
}
.footer .foot > ul > li .item-2 .erweima
{
display: inline-block;
margin-left: 20px;
text-align: center;
vertical-align: top;
}
@media (max-width: 991px)
{
.footer .foot > ul > li .item-2 .erweima
{
width: 33.33333333%;
margin-right: 0;
margin-left: 0;
}
}
.footer .foot > ul > li .item-2 .erweima p
{
font-size: 16px;
line-height: 1.5;
color: #fff;
}
@media (max-width: 991px)
{
.footer .foot > ul > li .item-2 .erweima p
{
font-size: 14px;
}
}
@media (max-width: 375px)
{
.footer .foot > ul > li .item-2 .erweima p
{
font-size: 12px;
}
}
.footer .foot > ul > li .item-2 .erweima .pic
{
width: 126px;
padding: 0 2px;
}
@media (max-width: 991px)
{
.footer .foot > ul > li .item-2 .erweima .pic
{
width: auto;
}
}
.footer .foot > ul > li .item-2 .info-down
{
margin-top: 0 !important;
}
@media (max-width: 991px)
{
.footer .foot > ul > li .item-2 .info-down
{
display: block !important;
}
}
.footer .foot > ul > li .info-down
{
margin-top: 20px;
}
@media (max-width: 991px)
{
.footer .foot > ul > li .info-down
{
display: none;
padding-bottom: 10px;
}
}
.footer .foot > ul > li .info-down img
{
max-width: 100%;
}
.footer .foot > ul > li.current .title-foot h3:after
{
content: '\e623';
}
.footer .foot-message
{
overflow: hidden;
padding: 10px 0;
border-top: 1px solid rgba(255, 255, 255, .14);
border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.footer .foot-message .m-left
{
display: inline-block;
}
.footer .foot-message .m-left img
{
max-width: 100%;
}
.footer .foot-message .m-right
{
display: inline-block;
float: right;
margin-top: 10px;
}
@media (max-width: 767px)
{
.footer .foot-message .m-right
{
display: block;
float: none;
}
}
.footer .foot-message .m-right .link
{
font-size: 16px;
font-weight: bold;
line-height: 50px;
display: inline-block;
padding: 0 26px;
-webkit-transition: all .2s;
transition: all .2s;
vertical-align: middle;
color: #fff;
background-color: #003867;
}
.footer .foot-message .m-right .link:after
{
font-family: 'iconfont' !important;
font-size: 20px;
font-weight: normal;
display: inline-block;
margin-left: 16px;
margin-left: 14px;
content: '\e62e';
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
vertical-align: middle;
}
.footer .foot-message .m-right .link:hover
{
background-color: #063c75;
}
.footer .foot-message .m-right form
{
position: relative;
display: inline-block;
width: 400px;
margin-left: 70px;
vertical-align: middle;
}
@media (max-width: 767px)
{
.footer .foot-message .m-right form
{
width: 100%;
margin-top: 10px;
margin-left: 0;
}
}
.footer .foot-message .m-right form input
{
font-size: 14px;
width: 100%;
height: 40px;
padding: 5px 20px;
background-color: #fff;
}
.footer .foot-message .m-right form input::-webkit-input-placeholder,
.footer .foot-message .m-right form textarea::-webkit-input-placeholder
{
color: #999;
}
.footer .foot-message .m-right form input:-o-placeholder,
.footer .foot-message .m-right form textarea:-o-placeholder
{
color: #999;
}
.footer .foot-message .m-right form input::-moz-placeholder,
.footer .foot-message .m-right form textarea::-moz-placeholder
{
color: #999;
}
.footer .foot-message .m-right form input:-ms-input-placeholder,
.footer .foot-message .m-right form textarea:-ms-input-placeholder
{
color: #999;
}
.footer .foot-message .m-right form input:focus::-webkit-input-placeholder,
.footer .foot-message .m-right form textarea:focus::-webkit-input-placeholder
{
color: #c5c5c5;
}
.footer .foot-message .m-right form input:focus::-o-placeholder,
.footer .foot-message .m-right form textarea:focus::-o-placeholder
{
color: #c5c5c5;
}
.footer .foot-message .m-right form input:focus::-moz-placeholder,
.footer .foot-message .m-right form textarea:focus::-moz-placeholder
{
color: #c5c5c5;
}
.footer .foot-message .m-right form input:focus::-ms-input-placeholder,
.footer .foot-message .m-right form textarea:focus::-ms-input-placeholder
{
color: #c5c5c5;
}
.footer .foot-message .m-right form .submit
{
font-size: 20px;
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 40px;
padding: 0;
-webkit-transition: all .2s;
transition: all .2s;
border-radius: 0;
outline: none;
background-color: #003867;
}
.footer .foot-message .m-right form .submit:after
{
font-family: 'iconfont' !important;
content: '\e86e';
color: #fff;
}
.footer .foot-message .m-right form .submit:hover
{
background-color: #063c75;
}
.footer .copyright
{
padding: 30px 0;
}
@media (max-width: 767px)
{
.footer .copyright
{
padding: 15px 0;
text-align: center;
}
}
.footer .copyright p
{
font-size: 14px;
line-height: 30px;
margin: 0;
color: #fff;
}
.footer .copyright p a
{
display: inline-block;
float: right;
-webkit-transition: all .4s;
transition: all .4s;
}
@media (max-width: 767px)
{
.footer .copyright p a
{
display: block;
float: none;
}
}
.footer .copyright p a:hover
{
text-decoration: underline;
}
.cart-icon
{
line-height: 30px;
position: fixed;
z-index: 10;
right: 5px;
bottom: 50px;
display: none;
}
@media (max-width: 991px)
{
.cart-icon
{
z-index: 9;
display: block;
}
}
.cart-icon a
{
line-height: 40px;
display: block;
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
background-color: #004ea2;
}
.cart-icon a:before
{
font-family: 'iconfont' !important;
font-size: 18px;
content: '\e603';
}
.cart-icon span
{
font-size: 12px;
line-height: 20px;
position: absolute;
z-index: 10;
top: -6px;
right: -3px;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: super;
color: #fff;
border-radius: 50%;
background-color: #333;
}
.cartpc-icon
{
top: 20%;
bottom: auto;
display: block;
}
@media (max-width: 991px)
{
.cartpc-icon
{
display: none !important;
}
}
.wrapper
{
overflow: hidden;
padding: 50px 0 100px;
background: url(../images/wrapper_bg.jpg) no-repeat center fixed;
background-size: cover;
}
@media (max-width: 1199px)
{
.wrapper
{
background: url(../images/wrapper_bg.jpg) no-repeat center;
background-size: cover;
}
}
@media (max-width: 991px)
{
.wrapper
{
padding: 50px 0 70px;
}
}
.wrap{
box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
@media (max-width: 991px)
{
.wrap
{
margin-top: 30px;
}
}
.title-in
{
text-align: center;
}
.title-in b
{
font-size: 26px;
display: block;
}
@media (max-width: 991px)
{
.title-in b
{
font-size: 20px;
}
}
.wrapper-left
{
padding-right: 30px;
}
@media (max-width: 1350px)
{
.wrapper-left
{
padding-right: 0;
}
}
.wrapper-left .title-wrapper
{
padding: 20px 10px;
text-align: center;
background-color: #014289;
}
@media (max-width: 991px)
{
.wrapper-left .title-wrapper
{
padding: 10px;
}
}
.wrapper-left .title-wrapper b
{
font-size: 30px;
line-height: 40px;
display: inline-block;
color: #fff;
}
@media (max-width: 991px)
{
.wrapper-left .title-wrapper b
{
font-size: 20px;
line-height: 30px;
}
}
.wrapper-left .title-wrapper b:before
{
font-family: 'iconfont' !important;
font-size: 36px;
font-weight: normal;
float: left;
margin-right: 20px;
content: '\e83f';
}
.wrapper-left .title-wrapper-technology b:before
{
content: '\e71a';
}
.wrapper-left .title-wrapper-news b:before
{
content: '\e62b';
}
.wrapper-left .title-wrapper-join b:before
{
content: '\e619';
}
.wrapper-left .title-wrapper-contact b:before
{
content: '\e618';
}
.wrapper-left .title-wrapper-product b:before
{
content: '\e656';
}
.wrapper-left .sidenav
{
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
.wrapper-left .sidenav > ul
{
margin-top: 1px;
}
.wrapper-left .sidenav > ul > li
{
border-bottom: 1px solid #f2f2f2;
}
@media (max-width: 991px)
{
.wrapper-left .sidenav > ul > li
{
display: inline-block;
vertical-align: top;
}
}
.wrapper-left .sidenav > ul > li > a
{
font-size: 18px;
line-height: 30px;
position: relative;
display: block;
padding: 15px 80px 15px 100px;
-webkit-transition: all .2s;
transition: all .2s;
}
@media (max-width: 1350px)
{
.wrapper-left .sidenav > ul > li > a
{
padding: 15px 15px 15px 60px;
}
}
@media (max-width: 991px)
{
.wrapper-left .sidenav > ul > li > a
{
font-size: 15px;
padding: 5px 15px 5px 30px;
}
}
.wrapper-left .sidenav > ul > li > a:before
{
position: absolute;
top: 26px;
left: 80px;
display: block;
width: 0;
height: 0;
content: '';
border-width: 4px 0 4px 4px;
border-style: solid;
border-color: transparent transparent transparent #004ea2;
}
@media (max-width: 1350px)
{
.wrapper-left .sidenav > ul > li > a:before
{
left: 40px;
}
}
@media (max-width: 991px)
{
.wrapper-left .sidenav > ul > li > a:before
{
top: 16px;
left: 15px;
}
}
.wrapper-left .sidenav > ul > li.active > a,
.wrapper-left .sidenav > ul > li:hover > a
{
color: #fff;
background-color: #0d65c3;
}
.wrapper-left .sidenav > ul > li.active > a:before,
.wrapper-left .sidenav > ul > li:hover > a:before
{
border-color: transparent transparent transparent #fff;
}
.wrapper-left .sidenav > ul > li.active ul.level-2
{
display: block;
}
.wrapper-left .sidenav > ul > li ul.level-2
{
display: none;
padding: 20px 0;
}
.wrapper-left .sidenav > ul > li ul.level-2 > li > a
{
font-size: 16px;
line-height: 30px;
position: relative;
display: block;
padding: 5px 40px;
}
@media (max-width: 991px)
{
.wrapper-left .sidenav > ul > li ul.level-2 > li > a
{
font-size: 14px;
padding: 5px 50px;
/* padding: 5px 15px 5px 15px; */
}
}
.wrapper-left .sidenav > ul > li ul.level-2 > li > a:before
{
margin-right: 4px;
content: '-';
}
.wrapper-left .sidenav > ul > li ul.level-2 > li > a:after
{
font-family: 'iconfont' !important;
font-size: 14px;
position: absolute;
top: 5px;
right: 30px;
display: block;
content: '\e632';
-webkit-transition: all .4s;
transition: all .4s;
}
.wrapper-left .sidenav > ul > li ul.level-2 > li.active ul.level-3
{
display: block;
}
@media(max-width: 991px){
.wrapper-left .sidenav > ul > li ul.level-2 > li.active ul.level-3
{
padding: 0 50px;
}
}
.wrapper-left .sidenav > ul > li ul.level-2 > li:hover > a,
.wrapper-left .sidenav > ul > li ul.level-2 > li.active > a
{
color: #004ea2;
}
.wrapper-left .sidenav > ul > li ul.level-2 > li:hover > a:after,
.wrapper-left .sidenav > ul > li ul.level-2 > li.active > a:after
{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.wrapper-left .sidenav > ul > li ul.level-3
{
display: none;
}
@media (max-width: 991px)
{
.wrapper-left .sidenav > ul > li ul.level-3 li
{
display: inline-block;
}
}
.wrapper-left .sidenav > ul > li ul.level-3 li a
{
font-size: 14px;
line-height: 26px;
display: block;
padding: 0 52px;
}
@media (max-width: 991px)
{
.wrapper-left .sidenav > ul > li ul.level-3 li a
{
padding: 0 10px;
}
}
.wrapper-left .sidenav > ul > li ul.level-3 li:hover a,
.wrapper-left .sidenav > ul > li ul.level-3 li.active a
{
color: #004ea2;
}
.wrapper-left .sidenav-product > ul > li > a
{
padding: 15px 30px 15px 60px;
}
.wrapper-left .sidenav-product > ul > li > a:before
{
left: 30px;
}
@media (max-width: 1350px)
{
.wrapper-left .sidenav-product > ul > li > a:before
{
left: 40px;
}
}
@media (max-width: 991px)
{
.wrapper-left .sidenav-product > ul > li > a:before
{
top: 16px;
left: 15px;
}
}
@media (max-width: 1350px)
{
.wrapper-left .sidenav-product > ul > li > a
{
padding: 15px 15px 15px 60px;
}
}
@media (max-width: 991px)
{
.wrapper-left .sidenav-product > ul > li > a
{
font-size: 15px;
padding: 5px 15px 5px 30px;
}
}
@media (max-width: 991px)
{
.wrapper-left .sidenav-product > ul > li.active
{
display: block;
}
}
.wrapper-left .sider-contact
{
margin-top: 16px;
padding: 10px;
background-color: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
@media (max-width: 991px)
{
.wrapper-left .sider-contact
{
display: none;
}
}
.wrapper-left .sider-contact .pic img
{
max-width: 100%;
}
.wrapper-left .sider-contact .note
{
padding: 20px 6%;
}
.wrapper-left .sider-contact .note b
{
font-size: 16px;
line-height: 1.875;
display: block;
color: #004ea2;
}
.wrapper-left .sider-contact .note p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
}
.wrapper-left .sider-contact .note p a:hover
{
text-decoration: underline;
color: #004ea2;
}
.inside-nav
{
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
background-color: #004ea2;
}
.inside-nav .nav-wrap
{
position: relative;
z-index: 2;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
/*鐎规矮绠熷⿰姘З閺壜ゅ缓闁� 閸愬懘妲捐ぐ?閸﹀棜顫�*/
/*鐎规矮绠熷⿰鎴濇健 閸愬懘妲捐ぐ?閸﹀棜顫�*/
/*濠婃垵娼￠弫鍫熺亯*/
}
.inside-nav .nav-wrap::-webkit-scrollbar
{
width: 5px;
height: 5px;
background-color: #fefefe;
}
.inside-nav .nav-wrap::-webkit-scrollbar-track
{
border-radius: 5px;
background-color: #fefefe;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.inside-nav .nav-wrap::-webkit-scrollbar-thumb
{
border-radius: 5px;
background-color: rgba(0, 0, 0, .1);
}
.inside-nav .nav-wrap::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
background: rgba(0, 0, 0, .3);
}
.inside-nav ul
{
font-size: 0;
position: relative;
display: inline-block;
white-space: nowrap;
}
.inside-nav ul li
{
display: inline-block;
}
.inside-nav ul li:after
{
position: relative;
top: -5px;
display: inline-block;
width: 3px;
height: 3px;
content: '';
vertical-align: middle;
background-color: #333;
}
.inside-nav ul li:last-child:after
{
display: none;
}
.inside-nav ul li a
{
font-size: 14px;
line-height: 44px;
position: relative;
display: inline-block;
padding: 0 36px;
color: #fff;
}
@media (max-width: 991px)
{
.inside-nav ul li a
{
padding: 0 30px;
}
}
@media (max-width: 767px)
{
.inside-nav ul li a
{
padding: 0 20px;
}
}
.inside-nav ul li.active a,
.inside-nav ul li:hover a
{
font-weight: bold;
}
.wrap-about
{
padding: 30px 50px 40px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-about
{
padding: 30px 10px;
}
}
.wrap-about .title-about b
{
font-size: 30px;
line-height: 1;
display: block;
}
@media (max-width: 991px)
{
.wrap-about .title-about b
{
font-size: 24px;
}
}
.wrap-about .about .note p,
.wrap-about .about .text p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-about .about .note p,
.wrap-about .about .text p
{
font-size: 15px;
}
}
.wrap-about .about .note img,
.wrap-about .about .text img
{
max-width: 100%;
}
.wrap-about .about .note
{
margin-top: 20px;
}
.wrap-about .about .text
{
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #dcdcdc;
}
.wrap-about .about .video
{
position: relative;
overflow: hidden;
/*height: 343px;*/
margin-top: 34px;
}
@media (max-width: 991px)
{
.wrap-about .about .video
{
display: block;
width: 100%;
}
}
.wrap-about .about .video .video-box
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
text-align: center;
}
.wrap-about .about .video .iframe
{
display: none;
width: 100% !important;
height: 100% !important;
}
.wrap-about .about .video .play
{
line-height: 50px;
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 50px;
height: 50px;
-webkit-transition: all .4s;
transition: all .4s;
text-align: center;
color: #fff;
background-color: #014289;
}
.wrap-about .about .video .play:before
{
font-family: 'iconfont';
font-size: 30px;
font-weight: normal;
display: block;
content: '\e64c';
color: #fff;
}
.wrap-about .about .video:hover .play
{
background-color: #004ea2;
}
.wrap-organization
{
padding: 40px 30px 80px 30px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-organization
{
padding: 30px 10px;
}
}
.wrap-organization .title-organization
{
text-align: center;
}
.wrap-organization .title-organization b
{
font-size: 24px;
line-height: 1.66666667;
display: block;
}
@media (max-width: 991px)
{
.wrap-organization .title-organization b
{
font-size: 18px;
}
}
.wrap-organization .organization
{
margin-top: 50px;
}
.wrap-organization .organization img
{
max-width: 100%;
}
.wrap-history
{
overflow: hidden;
padding: 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-history
{
padding: 30px 10px;
}
}
.wrap-history .title-history
{
text-align: center;
}
.wrap-history .title-history b
{
font-size: 30px;
line-height: 1;
display: block;
}
@media (max-width: 991px)
{
.wrap-history .title-history b
{
font-size: 24px;
}
}
.wrap-history .axis
{
position: relative;
margin-top: 80px;
}
@media (max-width: 991px)
{
.wrap-history .axis
{
margin-top: 10px;
}
}
.wrap-history .carousel-wrap
{
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 768px)
{
.wrap-history .carousel-wrap:before
{
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
content: '';
background-color: #d1d1d1;
}
}
.wrap-history .carousel
{
left: 0;
-webkit-transition: .5s;
transition: .5s;
}
.wrap-history .carousel .carousel-box
{
width: 100%;
}
.wrap-history .carousel .carousel-even
{
margin-left: 0;
}
.wrap-history .carousel .carousel-even .item
{
position: relative;
vertical-align: bottom;
}
.wrap-history .carousel .carousel-even .item:after
{
position: absolute;
bottom: -70px;
left: 50%;
display: block;
width: 15px;
height: 15px;
content: '';
background: url(../images/dot-1.jpg) no-repeat;
}
@media (max-width: 767px)
{
.wrap-history .carousel .carousel-even .item:after
{
display: none;
}
}
.wrap-history .carousel .carousel-even .item:before
{
position: absolute;
bottom: -42px;
left: -webkit-calc(50% + 8px);
left: calc(50% + 8px);
display: block;
width: 1px;
height: 26px;
content: '';
background-color: #dcdcdc;
}
@media (max-width: 767px)
{
.wrap-history .carousel .carousel-even .item:before
{
display: none;
}
}
.wrap-history .carousel .carousel-even .item-box:after
{
bottom: 0;
margin-bottom: -8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px)
{
.wrap-history .carousel .carousel-odd
{
border-left: 160px solid transparent;
}
}
@media only screen and (min-width: 768px) and (max-width: 1360px)
{
.wrap-history .carousel .carousel-odd
{
border-left-width: 110px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.wrap-history .carousel .carousel-odd
{
border-left-width: 84px;
}
}
.wrap-history .carousel .carousel-odd .item
{
margin-top: 60px;
vertical-align: top;
}
@media (max-width: 767px)
{
.wrap-history .carousel .carousel-odd .item
{
margin-top: 30px;
}
}
.wrap-history .carousel .carousel-odd .item:after
{
position: absolute;
top: -7px;
left: 50%;
display: block;
width: 15px;
height: 15px;
content: '';
background: url(../images/dot-1.jpg) no-repeat;
}
@media (max-width: 767px)
{
.wrap-history .carousel .carousel-odd .item:after
{
display: none;
}
}
.wrap-history .carousel .carousel-odd .item:before
{
position: absolute;
top: 20px;
left: -webkit-calc(50% + 8px);
left: calc(50% + 8px);
display: block;
width: 1px;
height: 26px;
content: '';
background-color: #dcdcdc;
}
@media (max-width: 767px)
{
.wrap-history .carousel .carousel-odd .item:before
{
display: none;
}
}
.wrap-history .carousel .carousel-odd .item-box
{
margin-top: 60px;
}
@media (max-width: 767px)
{
.wrap-history .carousel .carousel-odd .item-box
{
margin-top: 30px;
}
}
.wrap-history .carousel .production
{
font-size: 0;
position: relative;
}
.wrap-history .carousel .item
{
font-size: 14px;
position: relative;
z-index: 5;
display: inline-block;
padding: 0 20px;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
@media only screen and (min-width: 768px)
{
.wrap-history .carousel .item
{
width: 350px;
opacity: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1360px)
{
.wrap-history .carousel .item
{
width: 280px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.wrap-history .carousel .item
{
width: 250px;
}
}
@media (max-width: 767px)
{
.wrap-history .carousel .item
{
display: block;
width: 100%;
margin-bottom: 0;
padding: 0;
}
}
.wrap-history .carousel .item .item-box
{
position: relative;
}
.wrap-history .carousel .item .item-box .num span
{
font-size: 22px;
line-height: 50px;
display: block;
-webkit-transition: all .2s;
transition: all .2s;
text-align: center;
color: #fff;
border-radius: 10px 10px 0 0;
background-color: #959595;
}
@media (max-width: 767px)
{
.wrap-history .carousel .item .item-box .num span
{
font-size: 18px;
}
}
.wrap-history .carousel .item .item-box .note
{
padding: 20px;
border-radius: 0 0 10px 10px;
background-color: #eee;
}
.wrap-history .carousel .item .item-box .note p
{
font-size: 16px;
line-height: 1.5;
margin: 0;
}
@media (max-width: 767px)
{
.wrap-history .carousel .item .item-box .note p
{
font-size: 14px;
}
}
.wrap-history .carousel .item .item-box:hover .num span
{
background-color: #004ea2;
}
@media (max-width: 767px)
{
.wrap-history .production-btn
{
display: none;
}
}
.wrap-history .production-btn span
{
line-height: 42px;
position: absolute;
z-index: 10;
top: 50%;
width: 42px;
height: 42px;
cursor: pointer;
-webkit-transition: .4s;
transition: .4s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
border-radius: 50%;
background-color: #d2d2d2;
}
.wrap-history .production-btn span:before
{
font-family: 'iconfont' !important;
font-size: 18px;
}
.wrap-history .production-btn span:hover
{
color: #fff;
background-color: #004ea2;
}
.wrap-history .production-btn .prev
{
left: 0;
}
.wrap-history .production-btn .prev:before
{
display: block;
content: '\e649';
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.wrap-history .production-btn .next
{
right: 0;
}
.wrap-history .production-btn .next:before
{
content: '\e649';
}
.wrap-history .stock
{
padding: 70px 0;
border-bottom: 1px dashed #dcdcdc;
}
@media (max-width: 991px)
{
.wrap-history .stock
{
padding: 50px 0;
}
}
.wrap-history .stock .item
{
margin-top: 30px;
padding: 0 15px;
}
.wrap-history .stock .pic
{
overflow: hidden;
border-radius: 10px;
}
.wrap-history .stock .pic .img-box
{
padding-bottom: 62.22222222%;
}
@media (max-width: 991px)
{
.wrap-history .stock .slick-stock
{
padding: 0 20px;
}
}
.wrap-history .stock .slick-arrow
{
position: absolute;
z-index: 9;
top: 50%;
left: -80px;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: none;
}
@media (max-width: 1440px)
{
.wrap-history .stock .slick-arrow
{
left: -40px;
}
}
@media (max-width: 991px)
{
.wrap-history .stock .slick-arrow
{
left: -15px;
}
}
.wrap-history .stock .slick-arrow:before
{
font-family: 'iconfont' !important;
font-size: 40px;
font-weight: bold;
display: block;
width: 45px;
content: '\e601';
text-align: center;
color: #ccc;
}
@media (max-width: 991px)
{
.wrap-history .stock .slick-arrow:before
{
font-size: 30px;
}
}
.wrap-history .stock .slick-arrow.slick-next
{
right: -80px;
left: auto;
}
@media (max-width: 1440px)
{
.wrap-history .stock .slick-arrow.slick-next
{
right: -40px;
}
}
@media (max-width: 991px)
{
.wrap-history .stock .slick-arrow.slick-next
{
right: -15px;
}
}
.wrap-history .stock .slick-arrow.slick-next:before
{
content: '\e827';
}
.wrap-history .stock .slick-arrow:hover:before
{
color: #004ea2;
}
.wrap-history .load
{
padding-bottom: 0;
border-bottom: none;
}
@media (max-width: 991px)
{
.wrap-history .load
{
padding-bottom: 0;
}
}
.wrap-culture
{
padding: 0 50px 170px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-culture
{
padding: 0 10px 50px 10px;
}
}
.wrap-culture .culture
{
position: relative;
padding-top: 60px;
}
.wrap-culture .culture:before
{
position: absolute;
top: 30px;
right: 30px;
display: block;
width: 126px;
height: 91px;
content: '';
background: url(../images/culture.png) no-repeat;
}
@media (max-width: 1199px)
{
.wrap-culture .culture:before
{
top: 10px;
right: 10px;
width: 100px;
background-size: contain;
}
}
.wrap-culture .culture h3
{
font-size: 24px;
font-weight: bold;
position: relative;
margin: 0;
padding-left: 26px;
color: #004ea2;
}
@media (max-width: 991px)
{
.wrap-culture .culture h3
{
font-size: 20px;
}
}
.wrap-culture .culture h3:before
{
position: absolute;
top: 10px;
left: 0;
display: block;
width: 10px;
height: 10px;
content: '';
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #ffd74c;
}
.wrap-culture .culture h4
{
font-size: 26px;
line-height: 1.38461538;
margin: 10px 0 0 0;
padding-left: 26px;
}
@media (max-width: 991px)
{
.wrap-culture .culture h4
{
font-size: 18px;
}
}
.wrap-culture .culture hr
{
background-color: #eee;
}
.wrap-culture .culture p
{
font-size: 16px;
line-height: 1.625;
max-width: 600px;
margin: 0;
padding-left: 26px;
}
@media (max-width: 991px)
{
.wrap-culture .culture p
{
font-size: 14px;
}
}
.wrap-honor
{
padding: 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-honor
{
padding: 30px 10px;
}
}
.wrap-honor .honor
{
font-size: 0;
}
.wrap-honor .honor .row
{
margin: 0 -7px;
margin-top: -26px;
}
.wrap-honor .honor .itembox
{
display: inline-block;
float: none;
padding: 0 7px;
vertical-align: top;
}
.wrap-honor .honor .item
{
display: block;
margin-top: 26px;
text-align: center;
}
.wrap-honor .honor .item .pic
{
-webkit-transition: all .4s;
transition: all .4s;
border: 1px solid #dcdbdc;
}
.wrap-honor .honor .item .pic .img-box img
{
-webkit-transition: all 1s;
transition: all 1s;
}
.wrap-honor .honor .item p
{
font-size: 16px;
line-height: 1.5;
margin: 14px 0 0 0;
}
@media (max-width: 991px)
{
.wrap-honor .honor .item p
{
font-size: 14px;
}
}
.wrap-honor .honor .item:hover .pic
{
border-color: #004ea2;
}
.wrap-honor .honor .item:hover .pic .img-box img
{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wrap-honor .honor .item:hover p
{
color: #004ea2;
}
.wrap-honor .honor-link
{
position: relative;
z-index: 2;
display: inline-block;
float: right;
margin-top: -40px;
}
@media (max-width: 1199px)
{
.wrap-honor .honor-link
{
display: block;
float: none;
margin-top: 30px;
text-align: center;
}
}
.wrap-honor .honor-link a
{
font-size: 16px;
font-weight: bold;
line-height: 40px;
display: inline-block;
height: 40px;
padding: 0 14px;
-webkit-transition: all .2s;
transition: all .2s;
color: #fff;
border-radius: 30px;
background-color: #004ea2;
}
.wrap-honor .honor-link a:hover
{
background-color: #063c75;
}
.wrap-made
{
position: relative;
padding: 40px 50px 60px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-made
{
padding: 30px 10px 50px 10px;
}
}
.wrap-made .made-sort
{
font-size: 0;
}
.wrap-made .made-sort li
{
display: inline-block;
margin-top: 1px;
vertical-align: top;
border-right: 1px solid #fff;
}
@media (max-width: 767px)
{
.wrap-made .made-sort li
{
width: 50%;
text-align: center;
}
}
.wrap-made .made-sort li a
{
font-size: 18px;
line-height: 50px;
display: block;
padding: 0 36px;
color: #fff;
background-color: #434343;
}
@media (max-width: 767px)
{
.wrap-made .made-sort li a
{
font-size: 16px;
padding: 0 4px;
}
}
.wrap-made .made-sort li.active a
{
background-color: #004ea2;
}
.wrap-made .list
{
margin-top: 40px;
}
.wrap-made .list-1 p
{
font-size: 16px;
line-height: 1.625;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-made .list-1 p
{
font-size: 15px;
}
}
.wrap-made .list-1 .table-box
{
overflow: auto;
width: 100%;
max-width: 100%;
}
.wrap-made .list-1 table
{
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}
.wrap-made .list-1 table tr,
.wrap-made .list-1 table td
{
vertical-align: middle;
}
.wrap-made .list-1 table td
{
width: 72%;
padding: 12px 20px !important;
border: 1px solid #c9c9c9 !important;
}
@media (max-width: 991px)
{
.wrap-made .list-1 table td
{
padding: 10px !important;
}
}
.wrap-made .list-1 table td:first-child
{
width: 28%;
}
.wrap-made .list-1 table tr p,
.wrap-made .list-1 table tr b
{
font-size: 16px;
line-height: 28px;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-made .list-1 table tr p,
.wrap-made .list-1 table tr b
{
font-size: 15px;
}
}
.wrap-made .list-2
{
padding-bottom: 240px;
}
@media (max-width: 1199px)
{
.wrap-made .list-2
{
padding-bottom: 100px;
}
}
.wrap-made .list-2 .text
{
position: relative;
z-index: 2;
text-align: center;
}
.wrap-made .list-2 .text img
{
max-width: 100%;
}
.wrap-made .list-2 .madebg
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.wrap-made .list-2 .madebg img
{
max-width: 100%;
}
.wrap-made .list-3
{
margin-top: 60px;
}
@media (max-width: 991px)
{
.wrap-made .list-3
{
margin-top: 40px;
}
}
.wrap-made .list-3 .title-made
{
text-align: right;
}
.wrap-made .list-3 .title-made img
{
max-width: 100%;
}
.wrap-made .list-3 .text
{
margin-top: 40px;
}
.wrap-made .list-3 .text p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-made .list-3 .text p
{
font-size: 15px;
}
}
.wrap-made .list-4 .text p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-made .list-4 .text p
{
font-size: 15px;
}
}
.wrap-made .list-4 .text img
{
max-width: 100%;
}
.wrap-china
{
padding: 50px;
text-align: center;
background-color: #fff;
}
@media (max-width: 1199px)
{
.wrap-china
{
text-align: left;
}
}
@media (max-width: 991px)
{
.wrap-china
{
padding: 30px 10px;
}
}
.wrap-china .title-china b
{
font-size: 30px;
line-height: 1;
display: block;
text-align: center;
}
@media (max-width: 991px)
{
.wrap-china .title-china b
{
font-size: 24px;
}
}
.wrap-china .china
{
position: relative;
display: inline-block;
margin-top: 60px;
padding-right: 180px;
}
@media (max-width: 1199px)
{
.wrap-china .china
{
padding-right: 0;
}
}
.wrap-china .china .pic img
{
max-width: 100%;
}
.wrap-china .china .item
{
position: absolute;
top: 40.5%;
right: 0;
min-width: 220px;
padding: 0 20px;
text-align: left;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
@media (max-width: 1199px)
{
.wrap-china .china .item
{
position: relative;
top: auto !important;
right: auto !important;
display: inline-block;
min-width: 260px;
margin: 0 10px;
margin-top: 30px;
vertical-align: top;
}
}
@media (max-width: 767px)
{
.wrap-china .china .item
{
display: block;
width: 70%;
margin: 0 auto;
margin-top: 30px;
}
}
.wrap-china .china .item:before
{
position: absolute;
top: 15px;
left: -30px;
display: block;
width: 10px;
height: 10px;
content: '';
background: url(../images/dot-1.png) no-repeat center;
}
@media (max-width: 1199px)
{
.wrap-china .china .item:before
{
display: none;
}
}
.wrap-china .china .item:after
{
position: absolute;
top: 14px;
left: -4px;
display: block;
width: 0;
height: 0;
content: '';
border-width: 4px 4px 4px 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
}
@media (max-width: 1199px)
{
.wrap-china .china .item:after
{
display: none;
}
}
.wrap-china .china .item .title-item
{
padding: 6px 0;
}
.wrap-china .china .item .title-item b
{
font-size: 16px;
line-height: 30px;
display: block;
}
@media (max-width: 767px)
{
.wrap-china .china .item .title-item b
{
font-size: 15px;
}
}
.wrap-china .china .item .note
{
display: none;
max-width: 176px;
padding-bottom: 20px;
}
@media (max-width: 1199px)
{
.wrap-china .china .item .note
{
display: block;
}
}
.wrap-china .china .item .note img
{
display: block;
max-width: 100%;
margin-bottom: 20px;
}
.wrap-china .china .item .note p
{
font-size: 14px;
line-height: 1.71428571;
margin: 0;
color: #666;
}
.wrap-china .china .item-1
{
top: 37%;
}
.wrap-china .china .item-1:before
{
top: 30px;
}
.wrap-china .china .item-2
{
top: 45.5%;
right: 40px;
}
.wrap-china .china .item-3
{
top: 58%;
right: 20px;
}
.wrap-china .china .item-4
{
top: 68%;
right: 28px;
}
.wrap-china .china .item-5:before,
.wrap-china .china .item-6:before,
.wrap-china .china .item-7:before
{
right: -30px;
left: auto;
}
@media (max-width: 1199px)
{
.wrap-china .china .item-5:before,
.wrap-china .china .item-6:before,
.wrap-china .china .item-7:before
{
display: none;
}
}
.wrap-china .china .item-5:after,
.wrap-china .china .item-6:after,
.wrap-china .china .item-7:after
{
right: -4px;
left: auto;
width: 0;
height: 0;
border-width: 4px 0 4px 4px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}
@media (max-width: 1199px)
{
.wrap-china .china .item-5:after,
.wrap-china .china .item-6:after,
.wrap-china .china .item-7:after
{
display: none;
}
}
.wrap-china .china .item-5
{
top: 33%;
right: 44%;
}
.wrap-china .china .item-6
{
top: 44%;
right: 43%;
}
.wrap-china .china .item-7
{
top: 57%;
right: 36%;
}
.wrap-china .china .item:hover
{
z-index: 2;
}
.wrap-research
{
padding: 40px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-research
{
padding: 30px 10px;
}
}
.wrap-research .title-research
{
background-color: #eee;
}
.wrap-research .title-research b
{
font-size: 18px;
line-height: 45px;
display: inline-block;
padding: 0 40px;
color: #fff;
background-color: #2e66ad;
}
.wrap-research .research-institutions .text
{
font-size: 0;
overflow: hidden;
}
.wrap-research .research-institutions .text .note
{
display: inline-block;
width: 60%;
margin-top: 30px;
padding-right: 40px;
vertical-align: top;
}
@media (max-width: 991px)
{
.wrap-research .research-institutions .text .note
{
width: 100%;
padding-right: 0;
}
}
.wrap-research .research-institutions .text .note p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
color: #666;
}
@media (max-width: 991px)
{
.wrap-research .research-institutions .text .note p
{
font-size: 15px;
}
}
.wrap-research .research-institutions .text .pic
{
display: inline-block;
width: 40%;
margin-top: 30px;
vertical-align: top;
}
@media (max-width: 991px)
{
.wrap-research .research-institutions .text .pic
{
width: 100%;
}
}
.wrap-research .research-institutions .text .pic img
{
max-width: 100%;
}
.wrap-research .research-institutions .slick-research-institutions
{
margin: 0 -8px;
margin-top: 24px;
}
@media (max-width: 991px)
{
.wrap-research .research-institutions .slick-research-institutions
{
padding: 0 10px;
}
}
.wrap-research .research-institutions .slick-research-institutions .slick-slide
{
padding: 8px;
}
.wrap-research .research-institutions .slick-research-institutions .item
{
position: relative;
padding: 40px 15px 40px 80px;
border-radius: 6px;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.wrap-research .research-institutions .slick-research-institutions .item:before
{
font-family: 'iconfont' !important;
font-size: 22px;
line-height: 48px;
position: absolute;
top: 40px;
left: 16px;
width: 48px;
height: 48px;
content: '\e634';
text-align: center;
color: #fff;
border-radius: 50%;
background-color: #004ea2;
}
.wrap-research .research-institutions .slick-research-institutions .slick-slide:nth-child(3n+2) .item:before
{
content: '\e69c';
}
.wrap-research .research-institutions .slick-research-institutions .slick-slide:nth-child(3n+3) .item:before
{
content: '\e626';
}
.wrap-research .research-institutions .slick-research-institutions .slick-arrow
{
position: absolute;
z-index: 9;
top: 50%;
left: -20px;
width: 24px;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
background: none;
}
@media (max-width: 991px)
{
.wrap-research .research-institutions .slick-research-institutions .slick-arrow
{
left: -4px;
}
}
.wrap-research .research-institutions .slick-research-institutions .slick-arrow:before
{
font-family: 'iconfont' !important;
font-size: 20px;
line-height: 30px;
display: block;
content: '\e601';
-webkit-transition: all .4s;
transition: all .4s;
text-align: center;
color: #004ea2;
}
@media (max-width: 991px)
{
.wrap-research .research-institutions .slick-research-institutions .slick-arrow:before
{
font-size: 16px;
}
}
.wrap-research .research-institutions .slick-research-institutions .slick-arrow.slick-next
{
right: -20px;
left: auto;
text-align: right;
}
@media (max-width: 991px)
{
.wrap-research .research-institutions .slick-research-institutions .slick-arrow.slick-next
{
right: -4px;
}
}
.wrap-research .research-institutions .slick-research-institutions .slick-arrow.slick-next:before
{
content: '\e827';
}
.wrap-research .research-institutions .slick-research-institutions .slick-arrow:hover:before
{
color: #004ea2;
}
.wrap-research .research-team
{
padding-top: 50px;
}
.wrap-research .research-team .text
{
font-size: 0;
}
.wrap-research .research-team .text .note
{
display: inline-block;
width: 58%;
margin-top: 30px;
padding-right: 40px;
vertical-align: top;
}
@media (max-width: 991px)
{
.wrap-research .research-team .text .note
{
width: 100%;
padding-right: 0;
}
}
.wrap-research .research-team .text .note .t-note p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
color: #666;
}
@media (max-width: 991px)
{
.wrap-research .research-team .text .note .t-note p
{
font-size: 15px;
}
}
.wrap-research .research-team .text .note .list
{
overflow: hidden;
margin-top: 30px;
padding: 10px 5px;
border: 1px solid #004ea2;
}
@media (max-width: 991px)
{
.wrap-research .research-team .text .note .list
{
padding: 5px;
}
}
.wrap-research .research-team .text .note .list li
{
float: left;
width: 50%;
padding: 0 5px;
}
@media (max-width: 767px)
{
.wrap-research .research-team .text .note .list li
{
width: 100%;
margin: 5px 0;
}
}
.wrap-research .research-team .text .note .list li .item
{
padding: 30px;
background-color: #eee;
}
@media (max-width: 1350px)
{
.wrap-research .research-team .text .note .list li .item
{
padding: 30px 10px;
}
}
.wrap-research .research-team .text .note .list li .item b
{
font-size: 16px;
line-height: 30px;
display: block;
margin-bottom: 14px;
}
@media (max-width: 1350px)
{
.wrap-research .research-team .text .note .list li .item b
{
font-size: 14px;
}
}
@media (max-width: 991px)
{
.wrap-research .research-team .text .note .list li .item b
{
font-size: 15px;
}
}
.wrap-research .research-team .text .note .list li .item p
{
font-size: 14px;
line-height: 30px;
margin: 0;
color: #666;
}
.wrap-research .research-team .text .pic
{
display: inline-block;
width: 42%;
margin-top: 20px;
vertical-align: top;
}
@media (max-width: 991px)
{
.wrap-research .research-team .text .pic
{
width: 100%;
}
}
.wrap-research .research-team .text .pic img
{
max-width: 100%;
margin-top: 10px;
}
.wrap-research .research-system
{
padding-top: 50px;
}
.wrap-research .research-system .text
{
margin-top: 30px;
}
.wrap-research .research-system .text p
{
font-size: 16px;
line-height: 30px;
color: #666;
}
@media (max-width: 991px)
{
.wrap-research .research-system .text p
{
font-size: 15px;
}
}
.wrap-research .research-system .slick-research-system
{
position: relative;
margin-top: 30px;
margin-right: -1px;
padding-bottom: 70px;
}
.wrap-research .research-system .slick-research-system .item
{
padding: 30px;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 991px)
{
.wrap-research .research-system .slick-research-system .item
{
padding: 30px 10px;
}
}
@media (max-width: 767px)
{
.wrap-research .research-system .slick-research-system .item
{
border-right: none;
}
}
.wrap-research .research-system .slick-research-system .item b
{
font-size: 18px;
line-height: 30px;
display: block;
color: #004ea2;
}
.wrap-research .research-system .slick-research-system .item .note
{
margin-top: 14px;
}
.wrap-research .research-system .slick-research-system .item .note p
{
font-size: 16px;
line-height: 30px;
position: relative;
margin: 0;
padding-left: 20px;
color: #666;
}
@media (max-width: 991px)
{
.wrap-research .research-system .slick-research-system .item .note p
{
font-size: 15px;
}
}
.wrap-research .research-system .slick-research-system .item .note p:before
{
position: absolute;
top: 11px;
left: 0;
display: block;
width: 0;
height: 0;
content: '';
border-width: 4px 0 4px 4px;
border-style: solid;
border-color: transparent transparent transparent #004ea2;
}
.wrap-research .research-system .slick-research-system .slick-arrow
{
position: absolute;
z-index: 9;
bottom: 0;
left: 50%;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
text-align: left;
background: none;
}
.wrap-research .research-system .slick-research-system .slick-arrow:before
{
font-family: 'iconfont' !important;
font-size: 16px;
line-height: 35px;
display: block;
width: 35px;
height: 35px;
content: '\e601';
-webkit-transition: all .4s;
transition: all .4s;
text-align: center;
color: #fff;
background-color: #434343;
}
@media (max-width: 991px)
{
.wrap-research .research-system .slick-research-system .slick-arrow:before
{
font-size: 16px;
}
}
.wrap-research .research-system .slick-research-system .slick-arrow.slick-next
{
right: 50%;
left: auto;
-webkit-transform: translateX(120%);
-ms-transform: translateX(120%);
transform: translateX(120%);
}
.wrap-research .research-system .slick-research-system .slick-arrow.slick-next:before
{
content: '\e827';
}
.wrap-research .research-system .slick-research-system .slick-arrow:hover:before
{
color: #fff;
background-color: #004ea2;
}
.wrap-research .research-equipment
{
padding-top: 50px;
}
.wrap-research .research-equipment .text
{
font-size: 0;
overflow: hidden;
}
.wrap-research .research-equipment .text .note
{
display: inline-block;
width: 60%;
margin-top: 30px;
padding-right: 40px;
vertical-align: top;
}
@media (max-width: 991px)
{
.wrap-research .research-equipment .text .note
{
width: 100%;
padding-right: 0;
}
}
.wrap-research .research-equipment .text .note p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
color: #666;
}
@media (max-width: 991px)
{
.wrap-research .research-equipment .text .note p
{
font-size: 15px;
}
}
.wrap-research .research-equipment .text .pic
{
display: inline-block;
width: 40%;
margin-top: 30px;
vertical-align: top;
}
@media (max-width: 991px)
{
.wrap-research .research-equipment .text .pic
{
width: 100%;
}
}
.wrap-research .research-equipment .text .pic img
{
max-width: 100%;
}
.wrap-research .research-equipment .list
{
margin-top: 46px;
}
.wrap-research .research-equipment .list ul
{
overflow: hidden;
margin: 0 -5px;
}
.wrap-research .research-equipment .list ul li
{
float: left;
width: 33.33333333%;
}
@media (max-width: 767px)
{
.wrap-research .research-equipment .list ul li
{
width: 50%;
}
.wrap-research .research-equipment .list ul li:last-child
{
width: 100%;
}
}
.wrap-research .research-equipment .list .item
{
padding: 5px;
}
.wrap-research .research-equipment .list .item .img-box
{
padding-bottom: 69.6969697%;
}
.wrap-research .research-equipment .list .item .img-box img
{
-webkit-transition: all 1s;
transition: all 1s;
}
.wrap-research .research-equipment .list .item-2 .img-box
{
padding-bottom: 106.06060606%;
}
.wrap-research .research-equipment .list .item:hover .img-box img
{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wrap-innovation
{
padding: 40px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-innovation
{
padding: 30px 10px;
}
}
.wrap-innovation .title-innovation
{
background-color: #eee;
}
.wrap-innovation .title-innovation b
{
font-size: 18px;
line-height: 45px;
display: inline-block;
padding: 0 40px;
color: #fff;
background-color: #2e66ad;
}
.wrap-innovation .text
{
margin-top: 30px;
}
.wrap-innovation .text p
{
font-size: 16px;
line-height: 30px;
margin: 0;
color: #666;
}
@media (max-width: 991px)
{
.wrap-innovation .text p
{
font-size: 15px;
}
}
.wrap-innovation #knowledge
{
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.wrap-innovation .innovation-core
{
padding-top: 50px;
}
.wrap-innovation .innovation-core .slick-research-core
{
position: relative;
margin-top: 40px;
}
.wrap-innovation .innovation-core .slick-research-core .slick-slide:nth-child(2n) .item
{
background-color: #fff;
}
.wrap-innovation .innovation-core .slick-research-core .item
{
padding: 30px;
background-color: #eee;
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-core .slick-research-core .item
{
padding: 30px 15px;
}
}
.wrap-innovation .innovation-core .slick-research-core .item b
{
font-size: 18px;
line-height: 30px;
display: block;
color: #004ea2;
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-core .slick-research-core .item b
{
font-size: 16px;
}
}
.wrap-innovation .innovation-core .slick-research-core .item .note
{
margin-top: 16px;
}
.wrap-innovation .innovation-core .slick-research-core .item .note p
{
font-size: 16px;
line-height: 30px;
color: #666;
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-core .slick-research-core .item .note p
{
font-size: 15px;
}
}
.wrap-innovation .innovation-core .slick-research-core .item .pic
{
margin-top: 20px;
}
.wrap-innovation .innovation-core .slick-research-core .item .pic img
{
max-width: 100%;
}
.wrap-innovation .innovation-core .slick-research-core .slick-arrow
{
position: absolute;
z-index: 9;
top: 50%;
left: -40px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
background: none;
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-core .slick-research-core .slick-arrow
{
left: -20px;
}
}
.wrap-innovation .innovation-core .slick-research-core .slick-arrow:before
{
font-family: 'iconfont' !important;
font-size: 16px;
line-height: 40px;
display: block;
width: 40px;
height: 40px;
content: '\e649';
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, .41);
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-core .slick-research-core .slick-arrow:before
{
font-size: 16px;
}
}
.wrap-innovation .innovation-core .slick-research-core .slick-arrow.slick-next
{
right: -40px;
left: auto;
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-core .slick-research-core .slick-arrow.slick-next
{
right: -20px;
}
}
.wrap-innovation .innovation-core .slick-research-core .slick-arrow.slick-next:before
{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.wrap-innovation .innovation-core .slick-research-core .slick-arrow:hover:before
{
color: #fff;
background-color: #004ea2;
}
.wrap-innovation .innovation-knowledge
{
padding-top: 50px;
}
.wrap-innovation .innovation-knowledge .list
{
margin-top: 40px;
}
.wrap-innovation .innovation-knowledge .list .title-knowledge b
{
font-size: 18px;
line-height: 30px;
display: block;
color: #004ea2;
}
.wrap-innovation .innovation-knowledge .list .slick-knowledge
{
margin: 0 -20px;
margin-top: 24px;
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-knowledge .list .slick-knowledge
{
margin-right: -8px;
margin-left: -8px;
}
}
.wrap-innovation .innovation-knowledge .list .slick-knowledge .slick-slide
{
padding: 0 20px;
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-knowledge .list .slick-knowledge .slick-slide
{
padding: 0 8px;
}
}
.wrap-innovation .innovation-knowledge .list .slick-knowledge .item .img-box
{
padding-bottom: 140.90909091%;
}
.wrap-innovation .innovation-knowledge .list .slick-knowledge .slick-arrow
{
position: absolute;
z-index: 9;
top: 50%;
left: 20px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
background: none;
}
.wrap-innovation .innovation-knowledge .list .slick-knowledge .slick-arrow:before
{
font-family: 'iconfont' !important;
font-size: 16px;
line-height: 40px;
display: block;
width: 40px;
height: 40px;
content: '\e649';
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, .41);
}
@media (max-width: 991px)
{
.wrap-innovation .innovation-knowledge .list .slick-knowledge .slick-arrow:before
{
font-size: 16px;
}
}
.wrap-innovation .innovation-knowledge .list .slick-knowledge .slick-arrow.slick-next
{
right: 20px;
left: auto;
}
.wrap-innovation .innovation-knowledge .list .slick-knowledge .slick-arrow.slick-next:before
{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.wrap-innovation .innovation-knowledge .list .slick-knowledge .slick-arrow:hover:before
{
color: #fff;
background-color: #004ea2;
}
.wrap-product
{
padding: 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-product
{
padding: 30px 10px;
}
}
.wrap-product .product
{
margin-top: -30px;
}
.wrap-product .product .item
{
position: relative;
display: block;
overflow: hidden;
margin-top: 30px;
padding: 10px;
-webkit-transition: all .2s;
transition: all .2s;
border: 1px solid #e5e5e5;
}
.wrap-product .product .item .img-box
{
padding-bottom: 74.19354839%;
}
.wrap-product .product .item .img-box img
{
-webkit-transition: all 1s;
transition: all 1s;
}
.wrap-product .product .item p
{
font-size: 16px;
line-height: 50px;
position: relative;
display: -webkit-box;
overflow: hidden;
height: 50px;
margin: 10px 0 0 0;
padding-right: 40px;
-webkit-transition: all .4s;
transition: all .4s;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.wrap-product .product .item p:after
{
font-family: 'iconfont' !important;
line-height: 36px;
position: absolute;
top: 7px;
right: 0;
display: block;
width: 36px;
height: 36px;
content: '\e649';
text-align: center;
color: #fff;
border-radius: 50%;
background-color: #004ea2;
}
@media (min-width: 992px)
{
.wrap-product .product .item:hover .img-box img
{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wrap-product .product .item:hover p
{
padding-right: 0;
text-align: center;
color: #fff;
background-color: #004ea2;
}
.wrap-product .product .item:hover p:after
{
opacity: 0;
}
}
.wrap-product-show
{
padding: 40px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-product-show
{
padding: 30px 10px;
}
}
.wrap-product-show .carousel-wrap .carousel
{
font-size: 0;
position: relative;
}
.wrap-product-show .carousel-wrap .carousel .img-box
{
padding-bottom: 74.19354839%;
}
.wrap-product-show .carousel-wrap .carousel .slider-for
{
position: relative;
border: 1px solid #dedede;
}
.wrap-product-show .carousel-wrap .carousel .slider-for .item
{
position: relative;
}
.wrap-product-show .carousel-wrap .carousel .slider-nav
{
margin: 0 -7px;
margin-top: 10px;
padding: 0 20px;
}
.wrap-product-show .carousel-wrap .carousel .slider-nav .slick-slide
{
padding: 0 7px;
outline: none;
}
.wrap-product-show .carousel-wrap .carousel .slider-nav .item
{
position: relative;
padding: 4px;
border: 1px solid #c9c9c9;
}
.wrap-product-show .carousel-wrap .carousel .slider-nav .slick-current .item
{
border: 1px solid #004ea2;
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow
{
position: absolute;
z-index: 9;
top: 50%;
left: 0;
width: 24px;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
background: none;
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow:before
{
font-family: 'iconfont' !important;
font-size: 26px;
line-height: 30px;
display: block;
content: '\e601';
-webkit-transition: all .4s;
transition: all .4s;
text-align: center;
color: #999;
}
@media (max-width: 991px)
{
.wrap-product-show .carousel-wrap .carousel .slick-arrow:before
{
font-size: 16px;
}
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow.slick-next
{
right: 0;
left: auto;
text-align: right;
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow.slick-next:before
{
content: '\e827';
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow:hover:before
{
color: #004ea2;
}
.wrap-product-show .carousel-wrap .info-box
{
position: relative;
margin-left: 5%;
}
@media (max-width: 1199px)
{
.wrap-product-show .carousel-wrap .info-box
{
margin-top: 30px;
margin-left: 0;
}
}
.wrap-product-show .carousel-wrap .info-box .title-product-show h1,
.wrap-product-show .carousel-wrap .info-box .title-product-show b
{
font-size: 20px;
font-weight: bold;
line-height: 1.66666667;
display: block;
margin: 0;
text-transform: uppercase;
}
.wrap-product-show .carousel-wrap .info-box .text
{
margin-top: 20px;
}
.wrap-product-show .carousel-wrap .info-box .text p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
color: #4e4d4d;
}
.wrap-product-show .carousel-wrap .info-box .message
{
margin-top: 50px;
}
.wrap-product-show .carousel-wrap .info-box .message form
{
margin-top: 10px;
}
.wrap-product-show .carousel-wrap .info-box .message form .row
{
margin: 0 -7px;
}
.wrap-product-show .carousel-wrap .info-box .message form .itembox
{
padding: 0 7px;
}
.wrap-product-show .carousel-wrap .info-box .message form input,
.wrap-product-show .carousel-wrap .info-box .message form textarea
{
line-height: 26px;
width: 100%;
margin-top: 14px;
padding: 8px 20px;
border: 1px solid #e7e7e7;
}
.wrap-product-show .carousel-wrap .info-box .message form input::-webkit-input-placeholder,
.wrap-product-show .carousel-wrap .info-box .message form textarea::-webkit-input-placeholder
{
color: #666;
}
.wrap-product-show .carousel-wrap .info-box .message form input:-o-placeholder,
.wrap-product-show .carousel-wrap .info-box .message form textarea:-o-placeholder
{
color: #666;
}
.wrap-product-show .carousel-wrap .info-box .message form input::-moz-placeholder,
.wrap-product-show .carousel-wrap .info-box .message form textarea::-moz-placeholder
{
color: #666;
}
.wrap-product-show .carousel-wrap .info-box .message form input:-ms-input-placeholder,
.wrap-product-show .carousel-wrap .info-box .message form textarea:-ms-input-placeholder
{
color: #666;
}
.wrap-product-show .carousel-wrap .info-box .message form input:focus::-webkit-input-placeholder,
.wrap-product-show .carousel-wrap .info-box .message form textarea:focus::-webkit-input-placeholder
{
color: #c5c5c5;
}
.wrap-product-show .carousel-wrap .info-box .message form input:focus::-o-placeholder,
.wrap-product-show .carousel-wrap .info-box .message form textarea:focus::-o-placeholder
{
color: #c5c5c5;
}
.wrap-product-show .carousel-wrap .info-box .message form input:focus::-moz-placeholder,
.wrap-product-show .carousel-wrap .info-box .message form textarea:focus::-moz-placeholder
{
color: #c5c5c5;
}
.wrap-product-show .carousel-wrap .info-box .message form input:focus::-ms-input-placeholder,
.wrap-product-show .carousel-wrap .info-box .message form textarea:focus::-ms-input-placeholder
{
color: #c5c5c5;
}
.wrap-product-show .carousel-wrap .info-box .message form .submit
{
font-weight: bold;
line-height: 44px;
margin-top: 20px;
padding: 0 40px;
-webkit-transition: all .4s;
transition: all .4s;
color: #fff;
border-radius: 0;
background-color: #004ea2;
}
.wrap-product-show .carousel-wrap .info-box .message form .submit:before
{
font-family: 'iconfont' !important;
margin-right: 10px;
content: '\e6a0';
}
.wrap-product-show .carousel-wrap .info-box .message form .submit:hover
{
background-color: #063c75;
}
.wrap-product-show .parameter
{
padding-top: 50px;
}
.wrap-product-show .parameter .parameter-sort li
{
display: inline-block;
}
.wrap-product-show .parameter .parameter-sort li a
{
font-size: 16px;
line-height: 45px;
display: block;
min-width: 135px;
/*min-width: 156px;*/
padding: 0 16px;
text-align: center;
color: #fff;
background-color: #434343;
}
@media(max-width: 767px){
.wrap-product-show .parameter .parameter-sort{
font-size: 0;
}
.wrap-product-show .parameter .parameter-sort li
{
width: 50%;
}
.wrap-product-show .parameter .parameter-sort li a{
font-size: 14px; min-width: auto;
padding: 0 6px;
}
}
.wrap-product-show .parameter .parameter-sort li.active a
{
background-color: #004ea2;
}
.wrap-product-show .parameter .list
{
overflow: hidden;
margin-top: 50px;
}
.wrap-product-show .parameter .list p
{
font-size: 16px;
line-height: 1.875;
}
.wrap-product-show .parameter .list .text
{
display: inline-block;
width: 40%;
margin-right: -4px;
padding: 0 30px;
vertical-align: middle;
}
.wrap-product-show .parameter .list .text b
{
font-size: 26px;
line-height: 1;
display: block;
margin-bottom: 20px;
}
.wrap-product-show .parameter .list .pic
{
display: inline-block;
width: 60%;
margin-right: -4px;
vertical-align: middle;
}
.wrap-product-show .parameter .list .pic img
{
max-width: 100%;
}
.wrap-product-show .table-box
{
overflow: auto;
width: 100%;
max-width: 100%;
}
.wrap-product-show table
{
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}
.wrap-product-show table tr,
.wrap-product-show table td
{
width: auto !important;
height: auto !important;
vertical-align: middle;
}
.wrap-product-show table td
{
padding: 8px 20px !important;
border: 1px solid #fff !important;
background-color: #dcdcdc;
}
.wrap-product-show table td:first-child
{
background-color: #b5b5b5;
}
.wrap-product-show table tr p,
.wrap-product-show table tr span
{
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
.wrap-news .news
{
margin-top: -20px;
}
.wrap-news .news .item
{
display: block;
margin-top: 20px;
padding: 30px 14px;
-webkit-transition: all .4s;
transition: all .4s;
border: 1px solid #e5e5e5;
background-color: #fff;
}
.wrap-news .news .item b
{
font-size: 16px;
line-height: 26px;
display: -webkit-box;
display: block;
overflow: hidden;
height: 52px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.wrap-news .news .item span.date
{
line-height: 2;
display: block;
margin-top: 10px;
color: #004ea2;
}
.wrap-news .news .item .img-box
{
margin: 20px 0;
padding-bottom: 66.66666667%;
}
.wrap-news .news .item .img-box img
{
-webkit-transition: all 1s;
transition: all 1s;
}
.wrap-news .news .item p
{
font-size: 14px;
line-height: 26px;
display: -webkit-box;
overflow: hidden;
height: 52px;
color: #666;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.wrap-news .news .item span.more
{
line-height: 2;
display: block;
margin-top: 20px;
color: #004ea2;
}
.wrap-news .news .item:hover
{
background-color: #004ea2;
}
.wrap-news .news .item:hover .img-box img
{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wrap-news .news .item:hover b,
.wrap-news .news .item:hover span.date,
.wrap-news .news .item:hover p,
.wrap-news .news .item:hover span.more
{
color: #fff;
}
.wrap-news-show
{
padding: 40px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-news-show
{
padding: 30px 10px;
}
}
.wrap-news-show .title-news
{
text-align: center;
}
.wrap-news-show .title-news h1
{
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-news-show .title-news h1
{
font-size: 18px;
}
}
.wrap-news-show .title-news span.date
{
font-size: 16px;
line-height: 2;
display: block;
color: #004ea2;
}
.wrap-news-show .news-show
{
margin-top: 28px;
}
.wrap-news-show .news-show p
{
font-size: 14px;
line-height: 1.85714286;
margin: 0;
color: #666;
}
.wrap-news-show .news-show img
{
max-width: 100%;
}
.wrap-news-show .relate
{
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid #e5e5e5;
}
.wrap-news-show .relate ul
{
font-size: 0;
margin: 0 -10px;
}
.wrap-news-show .relate ul li
{
display: inline-block;
width: 50%;
padding: 0 10px;
vertical-align: top;
}
@media (max-width: 991px)
{
.wrap-news-show .relate ul li
{
width: 100%;
}
}
.wrap-news-show .relate ul li a
{
font-size: 14px;
line-height: 30px;
display: block;
display: -webkit-box;
overflow: hidden;
height: 30px;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.wrap-news-show .relate ul li a:before
{
font-family: 'iconfont' !important;
font-size: 20px;
display: inline-block;
margin-right: 10px;
content: '\e652';
-webkit-transition: all .2s;
transition: all .2s;
vertical-align: middle;
color: #999;
}
.wrap-news-show .relate ul li.next
{
text-align: right;
}
@media (max-width: 991px)
{
.wrap-news-show .relate ul li.next
{
text-align: left;
}
}
.wrap-news-show .relate ul li.next a:before
{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.wrap-news-show .relate ul li:hover a
{
text-decoration: underline;
color: #004ea2;
}
.wrap-news-show .relate ul li:hover a:before
{
color: #004ea2;
}
.wrap-announcement
{
padding: 40px 50px 100px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-announcement
{
padding: 30px 10px;
}
}
.wrap-announcement .title-join b
{
font-size: 20px;
line-height: 30px;
display: block;
}
.wrap-announcement .title-join b:before
{
display: inline-block;
float: left;
width: 4px;
height: 22px;
margin-top: 5px;
margin-right: 10px;
content: '';
background-color: #004ea2;
}
.wrap-announcement .announcement .text
{
margin-top: 30px;
}
.wrap-announcement .announcement .text p
{
font-size: 20px;
line-height: 1.5;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-announcement .announcement .text p
{
font-size: 16px;
}
}
.wrap-announcement .announcement .text p span
{
color: #004ea2;
}
.wrap-announcement .announcement .list ul
{
overflow: hidden;
margin: 0 -30px;
}
@media (max-width: 1350px)
{
.wrap-announcement .announcement .list ul
{
margin: 0 -15px;
}
}
.wrap-announcement .announcement .list ul li
{
float: left;
width: 50%;
margin-top: 30px;
padding: 10px 30px;
}
@media (max-width: 1350px)
{
.wrap-announcement .announcement .list ul li
{
padding: 10px 15px;
}
}
@media (max-width: 767px)
{
.wrap-announcement .announcement .list ul li
{
width: 100%;
}
}
.wrap-announcement .announcement .list .img-box
{
display: block;
overflow: hidden;
padding-bottom: 39.53488372%;
-webkit-transition: all .4s;
transition: all .4s;
border: 1px solid #dcdcdc;
border-radius: 14px;
}
.wrap-announcement .announcement .list .img-box:hover
{
border-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.wrap-concept
{
padding: 40px 0 50px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-concept
{
padding: 30px 10px;
}
}
.wrap-concept .title-join b
{
font-size: 20px;
line-height: 30px;
display: block;
}
.wrap-concept .title-join b:before
{
display: inline-block;
float: left;
width: 4px;
height: 22px;
margin-top: 5px;
margin-right: 10px;
content: '';
background-color: #004ea2;
}
.wrap-concept .concept
{
overflow: hidden;
}
.wrap-concept .concept .text
{
float: left;
width: 66%;
margin-top: 30px;
padding-right: 5%;
}
@media (max-width: 991px)
{
.wrap-concept .concept .text
{
width: 100%;
padding-right: 0;
}
}
.wrap-concept .concept .text p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-concept .concept .text p
{
font-size: 15px;
}
}
.wrap-concept .concept .text p span
{
color: #004ea2;
}
.wrap-concept .concept .pic
{
float: left;
width: 34%;
margin-top: 30px;
}
@media (max-width: 991px)
{
.wrap-concept .concept .pic
{
display: none;
}
}
.wrap-concept .concept .pic img
{
max-width: 100%;
}
.wrap-process
{
padding: 40px 0 50px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-process
{
padding: 30px 10px;
}
}
.wrap-process .title-join b
{
font-size: 20px;
line-height: 30px;
display: block;
}
.wrap-process .title-join b:before
{
display: inline-block;
float: left;
width: 4px;
height: 22px;
margin-top: 5px;
margin-right: 10px;
content: '';
background-color: #004ea2;
}
.wrap-process .process
{
overflow: hidden;
}
.wrap-process .process .pic
{
margin-top: 50px;
text-align: center;
}
.wrap-process .process .pic img
{
max-width: 100%;
}
.wrap-process .process .text
{
margin-top: 90px;
}
.wrap-process .process .text p
{
font-size: 18px;
line-height: 30px;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-process .process .text p
{
font-size: 16px;
}
}
.wrap-process .process .text p span,
.wrap-process .process .text p a
{
color: #004ea2;
}
.wrap-process .process .text p a:hover
{
text-decoration: underline;
}
.wrap-policy
{
padding: 40px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-policy
{
padding: 30px 10px;
}
}
.wrap-policy .title-policy b
{
font-size: 22px;
line-height: 30px;
display: block;
}
@media (max-width: 991px)
{
.wrap-policy .title-policy b
{
font-size: 18px;
}
}
.wrap-policy .title-policy b:before
{
font-family: 'iconfont' !important;
font-size: 30px;
float: left;
margin-right: 10px;
content: '\e644';
color: #fec52a;
}
.wrap-policy .text
{
margin-top: 30px;
}
.wrap-policy .text p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-policy .text p
{
font-size: 15px;
}
}
.wrap-policy .text p a
{
-webkit-transition: all .2s;
transition: all .2s;
text-decoration: underline;
color: #004ea2;
}
.wrap-policy .text p a:hover
{
color: #fec52a;
}
.wrap-terms
{
padding: 40px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-terms
{
padding: 30px 10px;
}
}
.wrap-terms .title-terms b
{
font-size: 22px;
line-height: 30px;
display: block;
}
@media (max-width: 991px)
{
.wrap-terms .title-terms b
{
font-size: 18px;
}
}
.wrap-terms .title-terms b:before
{
font-family: 'iconfont' !important;
font-size: 30px;
float: left;
margin-right: 10px;
content: '\e644';
color: #fec52a;
}
.wrap-terms .text
{
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
.wrap-terms .text h3
{
font-size: 20px;
font-weight: bold;
line-height: 30px;
display: block;
margin: 10px 0;
color: #004ea2;
}
@media (max-width: 991px)
{
.wrap-terms .text h3
{
font-size: 18px;
}
}
.wrap-terms .text h4
{
font-size: 16px;
font-weight: bold;
line-height: 30px;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-terms .text h4
{
font-size: 15px;
}
}
.wrap-terms .text p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-terms .text p
{
font-size: 15px;
word-break: break-all;
}
}
.wrap-terms .text p a
{
-webkit-transition: all .2s;
transition: all .2s;
text-decoration: underline;
color: #004ea2;
}
.wrap-terms .text p a:hover
{
color: #fec52a;
}
.wrap-contact
{
padding: 20px 50px 90px 50px;
background-color: #fff;
}
@media (max-width: 991px)
{
.wrap-contact
{
padding: 20px 10px 50px;
}
}
.wrap-contact .contact .item
{
overflow: hidden;
margin-top: 30px;
padding: 30px 10%;
color: #fff;
border-radius: 10px;
background: url(../images/contact_bg.png) no-repeat center #0068b7;
background-size: cover;
}
@media (max-width: 991px)
{
.wrap-contact .contact .item
{
padding: 30px 15px;
}
}
.wrap-contact .contact .item b
{
font-size: 20px;
line-height: 1.5;
display: block;
margin-bottom: 10px;
}
@media (max-width: 991px)
{
.wrap-contact .contact .item b
{
font-size: 18px;
}
}
.wrap-contact .contact .item p
{
font-size: 16px;
line-height: 1.875;
margin: 0;
}
@media (max-width: 991px)
{
.wrap-contact .contact .item p
{
font-size: 15px;
}
}
.wrap-contact .contact .item p a:hover
{
text-decoration: underline;
}
.wrap-contact .map
{
height: 300px;
margin-top: 60px;
}
.page
{
margin-top: 50px;
text-align: center;
}
.page li
{
display: inline-block;
vertical-align: top;
}
.page li a
{
font-size: 14px;
line-height: 36px;
width: 36px;
height: 36px;
margin: 0 5px;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
text-align: center;
color: #333;
border: 1px solid #eee;
border-radius: 50%;
background-color: #fff;
}
.page li a
{
display: block;
}
.page li.omit:hover a
{
color: #333;
border: 1px solid #eee;
background-color: #fff;
}
.page li.prev a
{
margin-right: 10px;
}
.page li.next a
{
margin-left: 10px;
}
.page li.prev a,
.page li.next a
{
color: #fff;
background-color: #a0a0a0;
}
.page li.prev a:before,
.page li.next a:before
{
font-family: 'iconfont' !important;
font-size: 20px;
content: '\e9b5';
}
.page li.next a:before
{
content: '\e72f';
}
.page li.active a,
.page li:hover a
{
color: #fff;
border-color: #004ea2;
background-color: #004ea2;
}
.lazy
{
background-image: url(../js/slick/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
}
.fancybox-slide--iframe .fancybox-content
{
width: 733px;
max-width: 80%;
height: 500px;
max-height: 50%;
margin: 0;
}
.aa a:hover{
color: #004ea2;
}
@media(max-width: 1470px){
.wrapper-left .sidenav > ul > li > a{
padding-left: 60px;
}
.wrapper-left .sidenav > ul > li > a:before{
left: 50px;
}
}
.wrap-china .china .pic .xs-pic{
display: none;
}
@media(max-width: 1199px){
.wrap-china .china .pic .xs-pic{
display: block;
}
.wrap-china .china .pic .lg-pic{
display: none;
}
}
.indexcontent{
background-color: #eeeeee;
}
@media (max-width: 767px)
{
.wrap-product-show .parameter .list img{
width: 100% !important;
height: auto !important;
}
}